/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the top of the * compiled file, but it's generally better to create a new file per style scope. * */ @charset "utf-8"; /* ===================================================== RESET ======================================================== */ /* Yahoo! CSS Reset (YUI 3) http://developer.yahoo.com/yui/license.html version: 3.2.0*/ html{ height:100%; } body{ height:100%; background-color:#eeebe7; background-image:none; overflow-y:scroll; *overflow-y:visible; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset, img{ border:0;} address, caption, cite, code, dfn, em, strong, th, var{ font-style:normal; font-weight:normal; } li{ list-style:none; } caption, th{ text-align:left; } h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal; } q:before, q:after{ content:''; } abbr, acronym{ border:0; font-variant:normal; } sup{ vertical-align:text-top; } sub{ vertical-align:text-bottom; } input, textarea, select{ font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select{ *font-size:100%; } legend{ color:#000; } /* font size */ body{ font:13px/1.231 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; _font-family:'ＭＳ Ｐゴシック', sans-serif; *font-size:small; *font:x-small; } select,input,button,textarea{ font-size:99%; } table{ font-size:inherit; font:100%; } pre,code,kbd,samp,tt{ font-family:monospace; *font-size:108%; line-height:100%; } /* ===================================================== COMMON ======================================================== */ /* link */ a:link, a:visited, a:hover, a:active{ text-decoration:none; color:#000000; } /* float clear */ .floatL{ float:left; } .floatR{ float:right; } .clear{ clear:both; height:0; font-size:0; line-height:0; } /* text-align */ .taRight{ text-align:right; } /* input */ input[type="checkbox"]{ *width:12px; margin:0; padding:0; } input[type="button"]:hover{cursor:pointer;} label{ cursor:pointer; } /* clearfix */ .clearfix, #contents, #subContents, #mainContents, .topList, .detailSheet, .myNavi{ /zoom:1; } .clearfix:after, #contents:after, #subContents:after, #mainContents:after, .topList:after, .detailSheet:after, .myNavi:after{ content:''; display:block; clear:both; } /* 半角連続時の対応 */ .userBox .userName span{ white-space:pre-wrap; } /* bgBtn , bgtitle -------------------------------------------------------- */ #header h1 a, .gCategory li a, .selector .selectMenu li a{ display:block; text-indent:-999999px; font-size:0; line-height:0; } /* arwBtn -------------------------------------------------------- */ a.btn01, a.btn01 span, a.btn02, a.btn02 span, a.btn03, a.btn03 span, a.btn04org, a.btn04org span, a.btn04grn, a.btn04grn span, a.btn05org, a.btn05org span, a.btn05grn, a.btn05grn span, a.btn06org, a.btn06org span, a.btn07org, a.btn07org span, a.btn06grn, a.btn06grn span, a.btn07grn, a.btn08org span, a.btn07grn, a.btn08grn span{ display:block; font-weight:bold; } /* padding "→" */ a.btn04org, a.btn04grn, a.btn07org, a.btn07grn{ padding:4px 4px 2px 6px; } /* padding "←" */ a.btn05org, a.btn05grn, a.btn06org, a.btn06grn{ padding:4px 6px 2px 4px; } /* 薄灰bg 黒arw "↓"（ユーザーメニュー） */ a.btn01{ background-color:#ededed; } a.btn01 span{ padding-right:15px; background:url(../img/icn_arw01.gif) right center no-repeat; } a.btn01:hover{ background-color:#000000; color:#ffffff; } a.btn01:hover span{ background:url(../img/icn_arw01_on.gif) right center no-repeat; } /* 薄灰bg 黒arw "↓"（ユーザーメニューopen） */ a.btn02{ background-color:#ededed; } a.btn02 span{ padding-right:15px; background:url(../img/icn_arws.png) right 2px no-repeat; } a.btn02:hover{ background-color:#d8d8d8; } a.btn02:hover span{ background-position:right -47px; } /* 薄灰bg 黒box白arw "→"（新規登録） */ a.btn03{ background-color:#ededed; color:#666666; } a.btn03 span{ padding-right:10px; background:url(../img/icn_arws.png) right -96px no-repeat; } a.btn03:hover{ background-color:#000000; color:#ffffff; } /**/ /* 黒bg 白arw "→"≪orange≫ */ a.btn04org{ background-color:#000000; color:#ffffff; } a.btn04org span{ padding-right:15px; background:url(../img/icn_arws.png) right -96px no-repeat; } a.btn04org:hover{ background-color:#ff9900; } a.btn04org:hover span{ background-position:right -147px; } /* 黒bg 白arw "→"≪green≫ */ a.btn04grn{ background-color:#000000; color:#ffffff; } a.btn04grn span{ padding-right:15px; background:url(../img/icn_arws.png) right -96px no-repeat; } a.btn04grn:hover{ background-color:#7fc269; } a.btn04grn:hover span{ background-position:right -318px; } /* 黒bg 白arw "←"≪orange≫ */ a.btn05org{ background-color:#000000; color:#ffffff; } a.btn05org span{ padding-left:15px; background:url(../img/icn_arws.png) left -369px no-repeat; text-align:right; } a.btn05org:hover{ background-color:#ff9900; } a.btn05org:hover span{ background-position:left -420px; } /* 黒bg 白arw "←"≪green≫ */ a.btn05grn{ background-color:#000000; color:#ffffff; } a.btn05grn span{ padding-left:15px; background:url(../img/icn_arws.png) left -369px no-repeat; text-align:right; } a.btn05grn:hover{ background-color:#7fc269; } a.btn05grn:hover span{ background-position:left -471px; } /* 鼠bg 白arw 橙text "←"（キャンセルする）≪orange≫ */ a.btn06org{ background-color:#414141; color:#ff9900; } a.btn06org span{ padding-left:15px; background:url(../img/icn_arws.png) left -522px no-repeat; text-align:right; } a.btn06org:hover{ background-color:#fbaf5d; color:#ffffff; } a.btn06org:hover span{ background-position:left -522px; } /* 黒bg 白arw 橙text "→"（確認する）≪orange≫ */ a.btn07org{ background-color:#000000; color:#ff9900; } a.btn07org span{ padding-right:15px; background:url(../img/icn_arws.png) right -96px no-repeat; } a.btn07org:hover{ background-color:#ff9900; color:#ffffff; } a.btn07org:hover span{ background-position:right -147px; } /* 鼠bg 白arw 緑text "←"（キャンセルする）≪green≫ */ a.btn06grn{ background-color:#414141; color:#7fc269; } a.btn06grn span{ padding-left:15px; background:url(../img/icn_arws.png) left -522px no-repeat; text-align:right; } a.btn06grn:hover{ background-color:#a2e78c; color:#ffffff; } a.btn06grn:hover span{ background-position:left -624px; } /* 黒bg 白arw 緑text "→"（確認する）≪green≫ */ a.btn07grn{ background-color:#000000; color:#7fc269; } a.btn07grn span{ padding-right:15px; background:url(../img/icn_arws.png) right -96px no-repeat; } a.btn07grn:hover{ background-color:#7fc269; color:#ffffff; } a.btn07grn:hover span{ background-position:right -318px; } /* 橙bg 橙arw "→"≪black≫ */ a.btn08org{ background-color:#ff9900; color:#ffffff; } a.btn08org span{ padding-right:15px; background:url(../img/icn_arws.png) right -147px no-repeat;} a.btn08org:hover{ background-color:#000000; color:#ffffff; } a.btn08org:hover span{background-position:right -96px; } /* 緑bg 緑arw "→"≪black≫ */ a.btn08grn{ background-color:#7fc269; color:#ffffff; } a.btn08grn span{ padding-right:15px; background:url(../img/icn_arws.png) right -318px no-repeat; } a.btn08grn:hover{ background-color:#000000; } a.btn08grn:hover span{ background-position:right -96px; } /* 擬似select -------------------------------------------------------- */ .selector{ position:relative; height:25px; margin:2px 0 -5px; } .selector .selectBtn{ width:148px; border:solid 1px #737373; background-color:#000000; overflow:hidden; } .selector .selectBtn a{ display:block; padding:0 25px 0 5px; height:20px; line-height:20px; color:#ffffff; font-weight:bold; text-align:center; background:url(../img/icn_arws.png) right -200px no-repeat; } .selector .selectBtn a:hover{ background-position:right -260px; } /*.selector .selectBtn.act{ background-color:#ffffff; font-family:"MS PGothic","Osaka",Arial,sans-serif; } .selector .selectBtn.act a{ color:#000000; text-align:left; font-weight:normal; }*/ /*.selector .selectBtn.act{ background-color:#ffffff; font-family:"MS PGothic","Osaka",Arial,sans-serif; } .selector .selectBtn.act a{ color:#000000; text-align:left; font-weight:normal; }*/ .selector .selectPop{ position:absolute; top:22px; left:0; width:170px; padding-top:1px; background:url(../img/bg_selectPop.png) 0 0 no-repeat; } .selector .selectPopBg{ padding-bottom:3px; background:url(../img/bg_selectPop.png) -183px bottom no-repeat; } .selector .selectPopBox{ overflow:hidden; padding:0 2px; background:url(../img/bg_selectPop.png) -368px 0 repeat-y; font-size:97%; } .selector .selectDetail{ float:left; overflow:hidden; padding:3px 0 0 5px; margin-bottom:-6px; *margin-bottom:-8px; *padding-top:3px; width:140px; line-height:1.1; font-family:"MS PGothic","Osaka",Arial,sans-serif; } .selector .selectDetail dt{ clear:both; float:left; padding:1px 1px 0; *padding:0 0 2px 2px; padding-bottom:2px\9; min-width:30px; *min-width:32px; background-color:#000000; text-align:center; *letter-spacing:-1px; color:#ffffff; } .selector .selectDetail dd{ margin:0 0 7px 45px; *margin:0 0 12px 38px; } .selector .selectDetail dd ul{ overflow:hidden; width:95px; margin-right:-7px; *width:93px; } .selector .selectDetail dd li{ float:left; margin:0 4px 3px 0; *margin-right:1px; white-space:nowrap; } .selector .selectList{ float:left; padding:0 9px; width:126px; font-family:"MS PGothic","Osaka",Arial,sans-serif; } .selector .selectList li{ *clear:left; *float:left; *width:100%; padding-top:2px; margin-bottom:1px; } .selector .selectDetail a, .selector .selectList a{ padding:0 1px; } .selector .selectDetail a:hover, .selector .selectList a:hover{ background-color:#dedad4; } .selector .selectMenu{ float:right; width:18px; padding:7px 0 1px; margin-right:1px; } .selector .selectMenu li{ *display:inline; text-align:center; } .selector .selectMenu li a{ width:8px; height:8px; margin:0 auto 8px; background-color:#ffffff; } .selector .selectMenu .act a{ background-color:#ff9900; } /* 擬似select(Category) -------------------------------------------------------- */ .selector .selectCategoryPop{ position:absolute; top:22px; left:0; width:170px; padding-top:1px; background:url(../img/bg_selectPop.png) 0 0 no-repeat; } .selector .selectCategoryPopBg{ padding-bottom:3px; background:url(../img/bg_selectPop.png) -183px bottom no-repeat; } .selector .selectCategoryPopBox{ overflow:hidden; padding:0 2px; background:url(../img/bg_selectPop.png) -368px 0 repeat-y; font-size:97%; } .selector .selectCategoryDetail{ float:left; overflow:hidden; padding:5px 0 0 5px; margin-bottom:-6px; *margin-bottom:-8px; *padding-top:3px; width:140px; line-height:1.1; font-family:"MS PGothic","Osaka",Arial,sans-serif; } .selector .selectCategoryDetail dt{ clear:both; padding:2px; *padding:0 0 2px 2px; padding-bottom:2px\9; min-width:30px; *min-width:32px; background-color:#000000; text-align:left; *letter-spacing:-1px; color:#ffffff; } .selector .selectCategoryDetail dd{ margin:0 0 3px 10px; *margin:0 0 12px 38px; } .selector .selectCategoryDetail dd ul{ overflow:hidden; padding-bottom:5px; width:130px; margin-right:-7px; *width:93px; } .selector .selectCategoryDetail dd li{ margin:4px 4px 3px 0; *margin-right:1px; } .selector .selectCategoryDetail a{ padding:0 1px; } .selector .selectCategoryDetail a:hover{ background-color:#dedad4; } /* ===================================================== BASE ======================================================== */ #wrapper{ width:100%; background:url(../img/bg_wrapperL_all.png) center 0 repeat-y; font-size:93%; line-height:1.33; word-break:break-all; word-wrap:break-word; } @media screen and (-webkit-min-device-pixel-ratio:0) { #wrapper{line-height:1.4; } } /* #wrapper = 11px ---- | 8px = 67% | 9px = 75% | 10px = 83% | 11px = 92% | 12px = 100% | 13px = 108% | 14px = 117% | */ #containerBg{ width:100%; height:100%; background:url(../img/bg_wrapperR_all.png) center 0 repeat-y; } #container{ width:982px; margin:0 auto; border-top:none; background:url(../img/bg_main.jpg) 0 0 repeat-y; } /* header -------------------------------------------------------- */ #header{ position:relative; width:982px; height:65px; background-color:#eeebe7; background:#eeebe7 url(../img/bg_header_all.png) 0 0 repeat;　} #header h1{ position:absolute; top:11px; left:0; } #header h1 a{ width:241px; height:51px; background:url(../img/logo.gif) 0 0 no-repeat; } #header ul{ position:absolute; top:2px; right:0; font-size:92%; } #header ul li{ float:left; padding:3px 8px 0 0; margin-right:8px; *padding-right:5px; *margin-right:7px; border-right:solid 1px #000000; } #header ul .last{ padding-right:0; margin:0; border:none; } #header ul a{ color:#1f4e7d; } /* bg chenge */ #wrapper.themeBrw{ background:url(../img/bg_wrapperL_lend.png) center 0 repeat-y; } #wrapper.themeBrw #containerBg{ background:url(../img/bg_wrapperR_lend.png) center 0 repeat-y; } #wrapper.themeBrw #header{ background:#eeebe7 url(../img/bg_header_all.png) 0 0 repeat; } #wrapper.themeLend{ background:url(../img/bg_wrapperL_brw.png) center 0 repeat-y; } #wrapper.themeLend #containerBg{ background:url(../img/bg_wrapperR_brw.png) center 0 repeat-y; } #wrapper.themeLend #header{ background:#eeebe7 url(../img/bg_header_all.png) 0 0 repeat; } /* gnavi -------------------------------------------------------- */ #gnavi{ position:relative; float:left; padding:0 1px; background:url(../img/bg_main.jpg) 0 0 no-repeat; z-index:5; } /* 検索バー */ .gSearch{ float:left; width:960px; padding:2px 0 2px 20px; margin-bottom:2px; background:#000000; } /**/ .gKeyword{ float:left; position:relative; width:270px; height:20px; margin-right:10px; background-color:#FFFFFF; border:solid 1px #e6e6e6; } .gKeyword input{ width:200px; height:20px; padding:0px 5px; border:none; background-color:#ffffff; } .gKeyword a{ position:absolute; top:0px; right:0px; width:60px; height:20px; line-height:20px; display:block; background-color:#000000; color:#ffffff; font-weight:bold; text-align:center; } .gKeyword a:hover{ background-color:#d3c4ac; } /**/ .gLimitBtn{ float:left; width:108px; height:20px; border:solid 1px #737373; } .gLimitBtn a{ display:block; height:17px; padding-top:3px; font-size:92%; display:block; background-color:#000000; color:#ffffff; font-weight:bold; text-align:center; } .gLimitBtn.act a{ background-color:#ff9900; } /**/ /**/ .gSelect{ float:left;} .gSelect .selectBtn{ font-size:108%; } .gSelect.selector{ position:relative; } .gSelect.selector .selectBtn{ width:auto; background-color:#000000; overflow:hidden; border:none;} .gSelect.selector .selectBtn a{ display:block; padding:1px 20px 0 0px; height:20px; line-height:20px; color:#ffffff; font-weight:bold; background:url(../img/icn_arws.png) right -774px no-repeat; text-align:left; } .gSelect.selector .selectBtn a:hover{ background-position:right -774px; } .gSelect.selector .selectCategory{ width:auto; border:none; background-color:#000000; overflow:hidden; margin:0 10px 0 35px; } .gSelect.selector .selectCategory a{ display:block; padding:1px 20px 0 0px; height:20px; line-height:20px; color:#ffffff; font-weight:bold; text-align:left; background:url(../img/icn_arws.png) right -774px no-repeat; } .gSelect.selector .selectCategory a:hover{ background-position:right -774px; } /* 全部｜借りたい｜貸したい menu */ /*.gCategory{ clear:both; width:980px; height:28px; background:url(../img/bg_gCategory.gif) 0 0px no-repeat; } .gCategory li{ float:left; width:151px; } .gCategory li a{ height:28px; background:url(../img/bg_gCategory.gif) 0 0 no-repeat; } .gCategory li a:hover, .gCategory li.act a{ background:none; } .gCategory .gCateAll a{ background-position:0 -43px; } .gCategory .gCateLend a{ background-position:-151px -43px; } .gCategory .gCateBrw a{ background-position:-302px -43px; } .gCategory .gCateMy a{ background-position:-453px -43px; }*/ /**/ .pan{ clear:both; overflow:hidden; width:960px; padding:0 11px 4px; /padding:2px 11px 4px;/*befor:bottom:7px*/ background:url(../img/bg_pan.jpg) 0 0 repeat-y; font-size:83%; } .pan span{ font-weight:bold; } .gCategory{clear:both; width:980px; background:url(../img/bg_gCategory.gif) 0 0px no-repeat; height:33px; background-position:0 -88px; margin:0 0 -2px 0; } .gCategory li{ float:left; width:151px; height:1px; } .top li{ height:1px; } .gCategory li a{ height:33px; background:url(../img/bg_gCategory.gif) 0 0 no-repeat; } .gCategory li a:hover, .gCategory li.act a{ background:none; } .gCategory .gCateAll a{ background-position:0 -43px; } .gCategory .gCateLend a{ background-position:-151px -43px; } .gCategory .gCateBrw a{ background-position:-302px -43px; } .gCategory .gCateMy a{ background-position:-453px -43px; } /* contents -------------------------------------------------------- */ #contents{ position:relative; clear:both; padding:10px 18px; width:946px; z-index:4; } #mainContents{ float:right; width:712px; position:relative; } #subContents{ float:left; } /* userNavi */ .userNavi{ width:215px; margin-bottom:18px; border:solid 1px #cecbc6; background-color:#ffffff; position:relative; z-index:1; } .userBox{ position:relative; padding:9px 0 20px 10px; background-color:#ededed;} .userBox .userLogin{ padding:0px 0px 4px 0; } .userBox .userFirst{ padding:0px 0px 0px 0; font-size:92%; } .userBox .userLogin a, .userBox .userFirst a{ padding:1px 19px 0px 6px; } .userBox .userUnread{ position:absolute; top:-6px; left:31px; width:22px; height:28px; padding:1px 0 0 24px; color:#ffffff; font-size:75%; font-weight:bold; background:url(../img/bg_unread.png) 0 0 no-repeat; text-align:center; } .userBox .userThumb{ display:table-cell; *display:inline; *zoom:1; width:44px; vertical-align:top; font-size:0; line-height:0; overflow:hidden; } .userBox .userName{ display:table-cell; *display:inline; *zoom:1; width:157px; /*vertical-align:bottom;*/ font-size:92%; } .userBox .userName a{ padding:0 10px 0 2px; } .userBox .userName span{ width:135px; padding-right:10px; } .userBox .userLogout{ clear:both; width:156px; font-weight:bold; margin:0 0 0 50px; position:relative; z-index:3; } .userBox .userLogout a:hover{ background:#000; color:#FFF; } /**/ .logoutBox{ position:relative; right:-44px; } .logoutBox p{ display:table-cell; *display:inline; *zoom:1; width:157px; vertical-align:bottom; font-size:92%; } .logoutBox a{ padding:0 10px 0 2px; font-weight:bold;} .logoutBox a:hover{ color:#ffffff; background:#000000;} /**/ .userMenu{ position:absolute; top:25px; right:-6px; width:167px; padding-bottom:9px; background:url(../img/bg_userMenuCont.png) -167px bottom no-repeat; z-index:9999; } .userMenu ul{ padding:0 7px; background:url(../img/bg_userMenuCont.png) 0 0 repeat-y; font-size:90%; } .userMenu li a{ padding:8px 9px; border-top:solid 1px #ffffff; border-bottom:solid 1px #b3b3b3; } .userMenu .last a{ padding-bottom:10px; border-bottom:none; } /**/ .userAc{ padding:13px 10px 3px; } .userAc p{ margin-bottom:10px; } .userAc a{ padding:8px 9px 6px 5px; } /**/ .userHistory{ margin-top:-13px; padding:20px 10px 0; } .userHistory li{ overflow:hidden; padding-bottom:13px; } .userHistory li.last{ padding-bottom:15px; } .userHistory .histThumb{ float:left; } .userHistory dl{ margin:-1px 0 0 40px; width:155px; } .userHistory dt{ font-weight:bold; font-size:83%; margin-bottom:0px; } .userHistory dd{ font-size:80%; margin-bottom:2px; } .userHistory .histDate{ color:#BEBEBE; margin-bottom:0; } .subConRec{ display:block; padding:8px 0; margin-bottom:20px; background-color:#ffffff; text-align:center; } .subConRec a{display:block;} /* pagetop */ #topcontrol a:hover{ background-position:0 -30px; } #topcontrol a, #topcontrol a:visited{ background: url("//media.image.infoseek.co.jp/socialnews/img/p/btn_scrolltop.png") no-repeat scroll 0 0 transparent; display:block; height:30px; outline:0 none; overflow:hidden; text-indent:-9999px; width:30px; } /* footer -------------------------------------------------------- */ #footer{ position:relative; clear:both; padding:9px 6px 0; width:970px; height:55px; background-color:#ffffff; border-top:solid 1px #cfccc7; z-index:1; } #footer a, #footer a:link{ color:#0066bb; text-decoration:underline; } #footer ul{ float:left; margin-bottom:10px; } #footer li{ float:left; padding:2px 5px 0 0; margin-right:5px; border-right:solid 1px #adadad; } #footer .last{ padding-right:none; border-right:none; margin-right:none; } #footer p{ width:100%; clear:both; font-size:92%; } /* ===================================================== TOP ======================================================== */ /* gCategory for top -------------------------------------------------------- */ .topPage .gCategory{ height:43px; background-position:0 -88px; padding-bottom:2px;} .topPage .topnav{ height:37px; } .topPage .gCategory li a{ height:43px; } .topPage .gCategory .gCateAll a{ background-position:0 -43px; } .topPage .gCategory .gCateLend a{ background-position:-151px -43px; } .topPage .gCategory .gCateBrw a{ background-position:-302px -43px; } .topPage .gCategory .gCateMy a{ background-position:-453px -43px; } .topCatFb{ position:absolute; top:3px; right:5px; } /* topList -------------------------------------------------------- */ .topList{ width:972px; margin-right:-26px; } .topList li a{ display:block; cursor:pointer; } .userNavi a{ display:block; } .topList > ul > li{ float:left; width:215px; margin:0 26px 18px 0; background-color:#ffffff; } .topList > ul > .listRec{ padding:8px 0; border:none; border:solid 1px #cecbc6; background:#ffffff; font-size:0; line-height:0; text-align:center; } /* for ie6 */ *body .topList ul li{ float:left; width:215px; margin:0 26px 18px 0; border:solid 1px #cecbc6; background-color:#ffffff; } *body .topList ul * li{ float:none; width:auto; margin:auto; border:none; background-color:none; } *body .topList ul .listRec{ padding:8px 0; border:none; background:#ffffff; text-align:center; } /* box */ .listLabel{ overflow:hidden; color:#ffffff; font-weight:bold;} .listLabel dt{ float:left; padding:1px 5px; font-size:83%; } .listLabel dd{ display:block; float:right; padding:1px 5px; min-width:80px; font-size:83%; text-align:right; } .listUserBox{ overflow:hidden; /*padding:15px 10px 10px;*/ display:inline; } .listThumb{ position:relative;} .listThumb img{ position:absolute; top:15px; left:10px; } .listUserCom{ margin:15px 10px 10px 62px; padding-left:8px;min-height:45px;height:auto !important;height:45px;} .listUserCom p{ padding:5px 6px 5px 8px; color:#ffffff; font-size:110%; } .listSummary{ overflow:hidden; margin:0 10px 10px; padding:1px 4px 0px; background-color:#666562; color:#ffffff; } .listSummary dt{ float:left; width:3.5em; margin-bottom:-1px; letter-spacing:3px; font-weight:bold; } .listSummary dd{ margin-left:3.5em; margin-bottom:-1px; text-align:right; } .listDetail{ margin:-2px 10px 7px; color:#757473; font-size:90%; line-height:1.4; } .listtag{ margin:-2px 10px 9px; color:#757473; font-size:83%; line-height:1.4; overflow:hidden; } .listtag dt{ float:left; width:28px; } .listtag dd{ float:right; width:185px; margin:0 -18px 0 0; } .listtag dd li{ display:inline; margin-right:6px; /margin-right:12px;} *+html .listtag dd li{ margin-right:6px;} .listImg{ margin:0 10px 10px; text-align:center; } .listValue{margin-left:12px} .detailCatValue{float:right;margin-top: 5px;} .listValue .listMessageCounts{padding:5px 10px 0 24px;color:#757473;font-size:87%;background:url(../img/chat-bubbles.png) 0 0 no-repeat;text-align:center; } .listValue .listFavoriteCounts{padding:5px 10px 0 24px;color:#757473;font-size:87%;background:url(../img/empty-star.png) 0 0 no-repeat;text-align:center; } .listValue .listAccessCounts{padding:5px 10px 0 40px;color:#757473;font-size:87%;background:url(../img/View-Eye.png) 0 0 no-repeat;text-align:center; } .detailCatValue .listMessageCounts{display: inline-block;height:20px;padding:4px 0px 0 24px;color:#757473;font-size:87%;background:url(../img/chat-bubbles.png) 0 0 no-repeat;text-align:center; } .detailCatValue .listFavoriteCounts{display: inline-block;height:20px;padding:4px 0px 0 24px;color:#757473;font-size:87%;background:url(../img/empty-star.png) 0 0 no-repeat;text-align:center; } .detailCatValue .listAccessCounts{display: inline-block;height:20px;padding:4px 0px 0 40px;color:#757473;font-size:87%;background:url(../img/View-Eye.png) 0 0 no-repeat;text-align:center; } /* coloring */ .listBrw a, .listLend a{ padding-bottom:10px; } .listBrw .listUserCom{ background:url(../img/bg_balloonA_grn.gif) 0 6px no-repeat; } .listBrw .listUserCom p{ background-color:#7fc269; } .listLend .listUserCom{ background:url(../img/bg_balloonA_org.gif) 0 6px no-repeat; } .listLend .listUserCom p{ background-color:#f39700; } .listBrw .listLabel{ background-color:#7fc269; } .listLend .listLabel{ background-color:#f39700; } .listBrw .listLabel dd{ background-color:#649853; } .listLend .listLabel dd{ background-color:#df8b01; } /* paging disabled */ .next_page.disabled{ display:none; } .previous_page.disabled{ display:none; } /* loginFb -------------------------------------------------------- */ .loginFb a{ clear:both; padding:10px; background:#39579a; color:#FFFFFF; font-weight:bold; width:300px; margin:0 auto; text-align:center; display:block; text-decoration:none; } .loginFb a:hover{ background:#ff9a00; } .loginFb{ display:none; padding:10px; margin-bottom:20px; text-align:center; background-color:#eeebe7; } /* 13/06/04 追加分 -------------------------------------------------------- */ /* newComerLoggedInHowto -------------------------------------------------------- */ .howtoNav { clear: both; padding: 0 0 3px; height: 21px; } #howtoNavClose { float: right; width:124px; padding:5px 0 5px 8px; height:14px; color:#FFFFFF; background:url(../img/closeTutorial.png) no-repeat 0 0 ; } #howtoNavClose.open{ background:url(../img/openTutorial.png) no-repeat 0 0 ; } .newComerLoggedInHowto { position:relative; background: url(../img/bg_tutorial.png) no-repeat scroll 7px 0 transparent; height: 137px; margin-bottom:5px; } .howto_title { font-size: 208%; font-weight: bold; color: #a06f40; padding:25px 0 0 239px; } #howto_start{ position:absolute; left:639px; top:22px; height:28px; } #howto_start a{ display: block; background:url(../img/btnTutorial02.gif) no-repeat 0 0; color:#FFFFFF; padding:5px 29px 7px 26px; font-size:108%; letter-spacing:0.1em; } #howto_start a:hover{ background:url(../img/btnTutorial02_on.gif) no-repeat 0 0; } .newComerLoggedInHowto ul { margin: 0; padding:16px 0 0 240px; } .newComerLoggedInHowto li { float: left; width:225px; margin-right:10px; letter-spacing:0.05em; } .newComerLoggedInHowto ul li a { background:url(../img/btnTutorial.gif) no-repeat 0 0; font-size: 108%; display: block; padding: 3px; text-decoration: none; padding:11px 0 12px 12px; color: #FFFFFF; } .newComerLoggedInHowto ul li a:hover { background:url(../img/btnTutorial_on.gif) no-repeat 0 0; } .newComerLoggedInHowto ul li a.act{ background:url(../img/btnTutorial_act.gif) no-repeat 0 0; } #howto_start a.act{ background:url(../img/btnTutorial02_act.gif) no-repeat 0 0; } /* topBg -------------------------------------------------------- */ #topBg { z-index:4; position:relative; width:980px; clear:both; height:436px; background:url(../img/top_kv_01.jpg) no-repeat 0 0; margin-bottom:10px; } #topBg p.btn_howto{padding:320px 0 0 71px; text-indent:-9999px; width:424px;} #topBg p.btn_howto a{ background:url(../img/top_kv_02.gif) no-repeat 0 0; display:block; width:424px; height:74px; } #topBg p.btn_howto a:hover{ background:url(../img/top_kv_02.gif) no-repeat 0 -74px; display:block;} #topBg .slideBox{ position:absolute; left:554px;top:114px; padding:5px;} /* ===================================================== OTHER ======================================================== */ /* input,textarea -------------------------------------------------------- */ .input01, .input02{ padding-left:4px; padding-right:4px; *margin:-1px 0; padding-top:1px; height:19px; *padding-top:4px; *height:16px; border:solid 1px #b8b7b7; font-size:83%; } html>/**/body .input01, html>/**/body .input02{ padding-top : 2px\9; height : 18px\9; } /**/ .input01{ width:165px; } .input02{ width:348px; } /**/ .textarea01, .textarea02, .textarea03{ display:block; padding-left:3px; *padding:3px 0 3px 3px; *margin:-1px 0; border:solid 1px #b8b7b7; resize:vertical; } /**/ .textarea01{ width:527px; height:82px; *width:524px; *height:76px; } .textarea02{ width:518px; height:38px; *width:515px; *height:32px; } .textarea03{ width:518px; height:320px; *width:515px; *height:101px; } /* form補助要素 -------------------------------------------------------- */ .vaBottom{ vertical-align:bottom; } .vaCenter{ vertical-align:center; } /**/ .formGuide01{ margin-bottom:2px; font-size:75%; font-weight:bold; } .formGuide02{ margin-bottom:2px; font-size:83%; font-weight:bold; } .formGuide03{ margin-bottom:2px; font-size:93%; font-weight:bold; } .formGuide03.locFree{ text-align:right; } /**/ .wordCount{ float:right; padding:2px 0 0; font-size:83%; font-weight:bold; } .wordCountNone{margin-bottom:14px; } /**/ .formErr{ font-size:83%; font-weight:bold; color:#ff3333; height:20px; margin-bottom:-20px; } .formInputTit .formErr, .formInputCom .formErr{ float:left; padding-top:2px; margin-bottom:-22px } .formInputTag .formErr{ padding-top:2px; margin-bottom:-22px } .formInputArea .formErr{ margin-left:165px; padding-top:2px; margin-bottom:-22px } .formInputLimit .formErr{ padding-top:3px; margin-bottom:-22px } .formInputCate .formErr{ padding-top:3px; margin-bottom:-22px } /* bgBtn , bgTitle -------------------------------------------------------- */ .titPostBrw, .titPostLend, .titDetailBrw, .titDetailLend{ display:block; text-indent:-999999px; font-size:0; line-height:0; } /* margin -------------------------------------------------------- */ .mb60{ margin-bottom:60px; } /* link -------------------------------------------------------- */ #wrapper .linkTxt{ text-decoration:underline; } /* POST ======================================================== */ .titPostLend{ margin-top:-23px; margin-bottom:3px; height:51px; background:url(../img/tit_post_org.png) 0 0 no-repeat; } .titPostBrw{ margin-top:-23px; margin-bottom:10px; height:51px; background:url(../img/tit_post_grn.png) 0 0 no-repeat; } /**/ .postForm{ overflow:hidden; padding-bottom:49px; } .postForm table{ margin-bottom:10px; } .postForm th{ width:149px; background-color:#fffffb; vertical-align:middle; } .postForm th strong{ font-size:117%; display:block; text-align:center; font-weight:bold; } .postForm th span{ font-size:83%; display:block; text-align:center; font-weight:bold; margin-top:-2px; } .postForm td{ padding:0 20px; background-color:#eeebe7; } .postForm td table, .postForm td th, .postForm td td{ padding:0; margin:0; height:auto; background:none; } .postForm .selector{ width:150px; } /* 各table */ .formInputTit td{ padding-top:19px; padding-bottom:5px; } .formInputFb td{ padding-top:19px; padding-bottom:5px; } .formInputImg td{ padding-top:14px; padding-bottom:23px; } .formInputMoney td{ padding-top:11px; padding-bottom:12px; } .formInputLimit{ position:relative; z-index:9; } .formInputCate{ position:relative; z-index:8; } .formInputArea{ position:relative; z-index:7; } .formInputLimit td, .formInputCate td, .formInputArea td{ padding-top:19px; padding-bottom:19px; } .formInputArea .selector{ float:left; padding-right:15px; vertical-align:middle; } .formInputTag td{ padding-top:17px; padding-bottom:20px; } .formInputTag ul li{ float:left; padding:5px 10px; margin: 0 10px 10px 0; background:#FFF; display:block; } .formInputCom td{ padding-top:18px; padding-bottom:5px; } .formInputName td{ padding-top:11px; padding-bottom:12px; clear:both; } .formInputFace td{ padding-top:21px; padding-bottom:22px; overflow:hidden; } .formInputFace p{ float:left; /padding:4px 0 0 0; } .formInputFace input{ margin-right:10px; float:left; } .formInputFace .wordCountNone{ margin:0px;} /* コメント投稿 */ .formComInput{ padding:20px 0 38px; } /* 画像投稿 */ .formImgPost{ margin:13px 0 23px; } .mesImgBtn{ padding-top:9px; width:233px; } .sheetMesBody .mesImgBtn{ padding-top:10px; width:242px; } .mesImgBtn a{ width:163px; } .mesImgView{ width:201px; font-size:0; line-height:0; height:70px; } .mesImgView li{ float:left; width:95px; } .mesImgView li input{ margin-left:5px; } .mesImgDell{ float:right; width:89px; } .mesImgDell a{ width:79px; } .mesImgedit{ padding-top:9px; font-weight:bold; } .mesImgedit a{ padding: 1px 10px 6px 32px;} .mesImgedit a:hover{ text-decoration:underline;} .mesImgedit a.post{ background:url(/img/icon_post.gif) no-repeat left top; } .mesImgedit a.cancel{ background:url(/img/icon_post_cancel.gif) no-repeat left top; } .formImgPostDetail{ margin:13px 0 23px; float:right; text-align:right; font-weight:bold; } .formImgPostDetail th{ text-align:right; padding:0 10px 13px 0; } .formImgPostDetail td{ margin: 0 0 0 0; padding:0 0 13px;} .formImgPostDetail a{ padding:1px 10px 6px 32px; } .formImgPostDetail a:hover{ text-decoration:underline;} .formImgPostDetail a.post{ background:url(/img/icon_post.gif) no-repeat left top;} .formImgPostDetail a.postCancel{ background:url(/img/icon_post_cancel.gif) no-repeat left top;} .formImgPostDetail input{ padding:0 20px; /padding:0 10px; margin:0 0 0; height:22px; } /* form submitボタン */ .formBtn{ float:right; padding-top:5px; overflow:hidden; } .formBtn li{ float:left; margin-left:20px; } .formBtn a{ width:163px; padding-bottom:3px; font-size:92%; } .formBtn_2{ text-align:center; padding-top:5px; overflow:hidden;} .formBtn_2 input{ height:23px; padding:0 13px;} .formBtn li input{ width:110px; height:18px; border:none; } .formBtn li input.cancel{ background:url(../img/be_btn_cancel.gif) repeat-x 0 0;} .formBtn li input.confirm{ background:url(../img/be_btn_confirm.gif) repeat-x 0 0; color:#ffffff;} /* coloring */ .pagePostLend .postForm th{ color:#ff9900; } .pagePostBrw .postForm th{ color:#7fc269; } /* DETAIL ======================================================== */ .titDetailLend{ margin-bottom:2px; height:21px; background:url(../img/tit_detail_org.png) 0 0 no-repeat; } .titDetailBrw{ margin-bottom:2px; height:21px; background:url(../img/tit_detail_grn.png) 0 0 no-repeat; } /* detailSheet */ .detailSheet{ padding-right:10px; margin-right:-10px; } /**/ .detailCat{ position:relative; width:584px; padding:9px 138px 20px 0; } .detailCatFb{ position:absolute; top:-21px; right:137px; } .detailCatBln{ position:relative; padding:3px 5px 28px; color:#ffffff; font-weight:bold; } .detailCatInfo{ position:absolute; bottom:7px; left:5px; width:574px; font-weight:bold; font-size:92%; } .detailCatCate{ float:left; padding:2px 3px 0; width:200px; margin-right:0px; margin-top: 10px;　line-height:1; } .msie8 .detailCatCate{ padding:1px 3px 0; width:200px; margin-right:0px; line-height:1.1; } .safari .detailCatCate{ padding:1px 3px; width:200px; } /* .detailCatInfo ul{ overflow:hidden; }*/ .detailCatInfo li{ float:left; padding-right:0px; margin-right:10px; margin-top:10px;/*background:url(../img/icn_detailInfo.png) right -36px no-repeat;*/ line-height:1; } .detailCatInfo a{ display:block; padding:2px 1px 0 0; background:url(../img/icn_detailInfo.png) 0 0 no-repeat; line-height:1; color:#ffffff; } .safari .detailCatInfo a{ padding:1px 1px 1px 0; } /*.detailCatInfo li a:hover{ background:#000000 url(../img/icn_detailInfo.png) 0 0 no-repeat; }*/ .detailCatInfo li a:hover{ border-bottom:1px solid #ffffff; } .detailCatInfo .detailCatFavo a, .detailCatInfo .detailCatFavo a:hover{ padding-left:14px; background-position:0 0px; } .detailCatInfo .detailCatWarn a, .detailCatInfo .detailCatWarn a:hover{ padding-left:8px; background-position:0 -18px; } .detailCatInfo .detailCatWarn{ background:none; margin-right:0; padding-right:0; } /**/ .detailSheetL{ float:left; width:145px; } .detailSheetR{ float:right; width:552px; } /**/ .sheetClient{ padding:15px 5px 1px; background-color:#ffffff; } .sheetClient img{ margin:0 auto 8px; } .sheetClient p{ font-size:83%; } .sheetFriend{ padding:0 0px 10px 5px; *padding-bottom:12px; overflow:hidden; margin-bottom:1px; background-color:#ffffff; } .sheetFriend p{ margin-bottom:3px; padding-top:2px; font-size:75%; color:#818181; border-top:solid 1px #000000; } .sheetFriend ul{ float:left; width:140px; margin-right:-5px; font-size:0; } .sheetFriend li{ float:left; margin:0 5px 5px 0; font-size:0; line-height:0; width:30px; height:30px; overflow:hidden; } .sheetMenu li{ margin-bottom:1px; } .sheetMenu a{ display:block; padding:6px 8px 4px 5px; background-color:#ffffff; font-size:90%; text-align:center; } .sheetMenu a span{ padding-left:18px; background:url(../img/icn_sheetMenu.png) 0 0 no-repeat; } .sheetMenu a:hover{ background-color:#f0f0f0; } /**/ .sheetSummary{ overflow:hidden; font-weight:bold; } .sheetSummary dt{ float:left; } .sheetSummary dd{ margin:0 3em 6px 0; } .sheetStates{ margin-bottom:8px; *margin-bottom:4px; *overflow:hidden; } .sheetStates dt, .sheetStates dd{ display:table-cell; *display:inline; *zoom:1; vertical-align:top; line-height:0.74; *line-height:0.77; } .sheetStates dt{ padding-right:9px; } .sheetStates dd{ padding-right:15px; } .sheetStates dt p, .sheetStates dd a{ display:block; overflow:hidden; color:#ffffff; font-weight:bold; text-align:center; line-height:0.74; *line-height:0.77; } .sheetStates dd input{ padding:0 20px 0; /padding:0 10px 0; height:25px; font-size:92%; margin:-6px 0 0; /margin:0px 0 0;} .safari .sheetStates dt p, .safari .sheetStates dd a{ line-height:0.77; } .chrome .sheetStates dt p, .chrome .sheetStates dd a{ line-height:0.77; } .sheetStates dd a{ padding:0 6px 0 4px; } .sheetStates dt p{ width:61px; } .sheetStates dd a{ width:auto; } .sheetStates span{ display:block; padding:4px 0 2px; *padding:0 0 5px; } .sheetStates dd span{ padding-left:15px; *background-position:0 -368px; } .sheetStates dd :hover span{ *background-position:0 -470px; } .safari .sheetStates span{ padding:3px 0 3px; } .safari .sheetStates dd span{ padding-left:15px; } *body .sheetStates span{ position:relative; top:-1px; } .sheetStates .sheetStatesClose p{ background-color:#000000; } .sheetStates .sheetOfferLimit{ padding:4px 15px 0 0; *padding:0px 15px 5px 0; *margin-top:-1px; font-size:92%; } .sheetTxt{ margin-bottom:7px; } .sheetImg{ overflow:hidden; width:552px; margin:0 0px 20px 0px; text-align:center; font-size: 0; background:#eeedea;padding:8px 0; } .sheetImg span{ border:1px solid #dadad9; width:100%; height:100%;} .sheetImg img{ /*margin:0 7px 0 8px;*/ border:2px solid #ffffff; } /**/ .detailtag{ overflow:hidden; font-size:100%; margin:-7px 0 12px;} .detailtag dt{ width:35px; float:left;} .detailtag dd{ width:517px; float:right;} .detailtag dd li{ display:inline; margin-right:6px; /margin-right:8px; } /**/ .pageDetailLend, .pageDetailBrw{ clear:both; width:100%; } .sheetSupplier{ clear:both; width:100%; margin-bottom:34px; padding-top:8px; } .sheetSupplier02{ clear:both; width:100%; margin-bottom:3px; padding-bottom:7px; } .sheetSupplier th, .sheetSupplier02 th{ padding:7px 8px 4px; min-width:51px; width:51px !important; width:auto; vertical-align:middle; font-size:83%; color:#ffffff; font-weight:bold; text-align:center; line-height:1.2; vertical-align:text-top; } .sheetSupplier ul, .sheetSupplier02 ul{ float:left; padding-top:5px; } .sheetSupplier li, .sheetSupplier02 li{ float:left; width:30px; overflow:hidden; padding:0 5px 5px 0; font-size:0; line-height:0; } /**/ .sheetMessageTit{ background:url(/img/icon_letter.gif) no-repeat 0 0; padding:2px 0 5px 33px; font-weight:bold;} .sheetMessage{ margin-bottom:38px; } .sheetMesHead{ position:relative; height:62px; margin-bottom:3px; } .sheetMesHead span{ position:absolute; display:block; padding-bottom:7px; } .sheetMesHead p{ position:absolute; bottom:7px; left:65px; padding:2px 2px 1px; width:483px; background-color:#ffffff; font-weight:bold; } .sheetMesBody{ overflow:hidden; margin-bottom:1px; padding:0 10px; background-color:#f8f7f5; } .sheetMesBtn{ padding:17px 0; text-align:center; } .sheetMesBtn a{ margin:0 auto; padding:6px 4px 5px 6px; padding:5px 4px 6px 6px\9; width:163px; font-size:83%; text-align:left; line-height:1; } .sheetMesBtn a span{ padding-top:1px; } /* coloring */ .pageDetailLend .detailSheet{ background:url(../img/bg_detailCat_org.png) right 0 no-repeat; } .pageDetailLend .detailCatBln{ background-color:#f39700; } .pageDetailLend .detailCatCate{ background-color:#eee1cb; color:#f39700; font-size:109%; } .pageDetailLend .sheetStatesOpen p{ background-color:#f39700; } .pageDetailLend .sheetSupplier, .pageDetailLend .sheetSupplier02{ background:url(../img/bg_balloonB_grn.png) 5px 0 no-repeat; } .pageDetailLend .sheetSupplier table, .pageDetailLend .sheetSupplier02 table{ background-color:#7cc576; } .pageDetailLend .sheetMesHead span{ background:url(../img/bg_balloonC_grn.png) 5px bottom no-repeat; } .pageDetailLend .sheetMesHead span img{ border:solid 5px #7cc576; } .pageDetailLend .sheetMesHead p{ color:#7cc576; } .pageDetailLend .sheetMenu a.sheetEditBtn span{ background-position:0 1px; } .pageDetailLend .sheetMenu a.sheetDelBtn span{ background-position:0 -61px; } .pageDetailLend .sheetMesBtn a span{ background-position:right -98px; background-position:right -97px\9; } .pageDetailLend .sheetMesBtn a:hover span{ background-position:right -320px; background-position:right -319px\9; } /**/ .pageDetailBrw .detailSheet{ background:url(../img/bg_detailCat_grn.png) right 0 no-repeat; } .pageDetailBrw .detailCatBln{ background-color:#7cc576; } .pageDetailBrw .detailCatCate{ background-color:#eee1cb; color:#7cc576; font-size:109%; } .pageDetailBrw .sheetStatesOpen p{ background-color:#7cc576; } .pageDetailBrw .sheetSupplier{ background:url(../img/bg_balloonB_org.png) 5px 0 no-repeat; } .pageDetailBrw .sheetSupplier02{ background:url(../img/bg_balloonC_org.png) 60px bottom no-repeat; } .pageDetailLend .sheetSupplier02{ background:url(../img/bg_balloonC_grn.png) 60px bottom no-repeat; } .pageDetailBrw .sheetSupplier02 p, .pageDetailLend .sheetSupplier02 p{ /*font-weight:bold;*/ font-size:75%; } .pageDetailBrw .sheetSupplier table, .pageDetailBrw .sheetSupplier02 table{ background-color:#f39700; } .pageDetailBrw .sheetMesHead span, .pageDetailLend .sheetMesHead span{ background:url(../img/bg_balloonC_org.png) 5px bottom no-repeat; } .pageDetailBrw .sheetMesHead span img, .pageDetailLend .sheetMesHead span img{ border:solid 5px #f39700; } .pageDetailBrw .sheetMesHead p, .pageDetailLend .sheetMesHead p{ color:#ff9900; } .pageDetailBrw .sheetMenu a.sheetEditBtn span{ background-position:0 -123px; } .pageDetailLend .sheetMenu a.sheetEditBtn span{ background-position:0 2px; } .pageDetailBrw .sheetMenu a.sheetDelBtn span{ background-position:0 -185px; } .pageDetailLend .sheetMenu a.sheetDelBtn span{ background-position:0 -60px; } .pageDetailBrw .sheetMesBtn a span, .pageDetailLend .sheetMesBtn a span{ background-position:right -98px; background-position:right -97px\9; } .pageDetailBrw .sheetMesBtn a:hover span, .pageDetailLend .sheetMesBtn a:hover span{ background-position:right -149px; background-position:right -148px\9; } /*借ります*/ .lendCommentDetail { background:#FFFFFF; position: relative; font-size:92%; height:43px; margin:0 0 1px; } .lendCommentDetail .thumbL, .lendCommentDetail .thumbB{ display:inline; padding:0 1px 0 0px; margin:0 -4px 0 0; /margin:0px;} .lendCommentDetail .thumbL img{ border:4px solid #F39700; } .lendCommentDetail .thumbB img{ border:4px solid #7fc269; } .lendCommentDetail .lendName {padding:2px 2px 1px;width:483px;font-weight:bold;position:absolute;left: 103px;top: 7px; color:#F39700; } .lendCommentDetail .lendName span{ padding:0 0 0 5px; color:#000; } .lendCommentDetail .messageDate{ margin:-20px 12px 0 0; text-align:right; font-size:92%; } /*貸したい*/ .brwCommentDetail { background:#FFFFFF; position: relative; font-size:92%; height:43px; margin:0 0 1px; } .brwCommentDetail .thumbL, .brwCommentDetail .thumbB{ display:inline; padding:0 1px 0 0px; margin:0 -4px 0 0; /margin:0px;} .brwCommentDetail .thumbL img{ border:4px solid #7fc269; } .brwCommentDetail .thumbB img{ border:4px solid #F39700; } .brwCommentDetail .lendName {padding:2px 2px 1px;width:483px;font-weight:bold;position:absolute;left: 103px;top: 7px; color:#7fc269; } .brwCommentDetail .lendName span{ padding:0 0 0 5px; color:#000; } .brwCommentDetail .messageDate{ margin:-20px 12px 0 0; text-align:right; font-size:92%; } /**/ .marginTop40{ margin-top:40px;} .marginTop45{ margin-top:45px;} /* MYPAGE ======================================================== */ /* gCategory for mypage -------------------------------------------------------- */ .gCategory li.gCateMy.act a{ background:url(../img/bg_gCategory.gif) -453px -88px no-repeat; } /* myNavi */ .myNavi{margin-bottom:25px;background:#fbf7f2; background:#CC3300l; z-index:60; } .myNavi .myNaviL li{ /float:left; } .myNavi .myNaviL li a{ width:100px; padding:3px 0px 2px 0; text-align:center; display:block; float:left; color:#534741; border-right:#e1ddd8 1px solid; font-weight:bold; } .myNavi .myNaviL li a:hover{ color:#fbf7f2; background: #C2B5A2; } .myNavi .myNaviL li.act a{background:#C2B5A2;color:#FFFFFF; cursor:default; } .myNavi .myNaviL li.last a{ border:none; } .myNavi .myNaviR dt a{ display:block; padding:3px 7px 3px 5px; width:138px; float:right; color:#5e524c; } .myNavi .myNaviR dt span{ display:block; padding:0 20px 0 0; background: url(../img/icn_arws.png) right -726px no-repeat; font-size:92%; text-align:right; font-weight:bold; } .myNavi .myNaviR dt a.acton{background-color: #736357; color:#FFF; } /* myNavi(other) */ .myNavi .myNaviL li.myNaviOther a{ width:200px; } /* mypage_new -------------------------------------------------------- */ .newList{ clear:both;width:712px; height:auto; position:relative; height:71px; margin-bottom:2px; line-height:1.2; } .newListL{ width:65px;padding:3px; background:#f39700; float:left; } .newListR{ float: right; background:url(../img/bg_balloonD_org.gif) 0px 11px no-repeat #fbf8f3; overflow:hidden; width:626px; margin:-71px 0 0 72px; padding:4px 0 5px 15px; } .centerL.newListR { float: right; background:url(../img/bg_balloonD_org.gif) 0px 50% no-repeat #fbf8f3; overflow:hidden; width:626px; margin:-71px 0 0 72px; padding:4px 0 5px 15px; } .newListHeadL p{color:#FF9900; font-weight:bold; margin-bottom:2px; font-size:83%; } .newListHeadL span{color:#000000; padding-right:2px; } .newListCate{ float:left; width:40px; padding:1px 2px 2px 2px; font-size:75%;background:#f39700; color:#FFF; text-align:center; margin-top:4px; } .newListCate.noneImg {margin:22px 0;width:40px; padding:2px; font-size:75%;background:#FF9900; color:#FFF;text-align:center; } .safari .newListHeadL p{color:#FF9900; font-weight:bold; margin-bottom:0px; font-size:83%; padding-top:1px; } /*緑カラー*/ .grn .newListL{ width:65px;padding:3px; background:#7fc269; float:left; } .grn .newListR{ float: right; background:url(../img/bg_balloonD_grn.gif) 0px 11px no-repeat #fbf8f3; overflow:hidden; width:626px; margin:-71px 0 0 72px; padding:4px 0 5px 15px; } .grn .centerB.newListR { float: right; background:url(../img/bg_balloonD_grn.gif) 0 50% no-repeat #fbf8f3; overflow:hidden; width:626px; margin:-71px 0 0 72px; padding:4px 0 5px 15px; } .grn .newListHeadL p{color:#7fc269; font-weight:bold; } .grn .newListCate{ width:40px; padding:1px 2px 2px 2px; font-size:75%;background:#7fc269; color:#FFF;text-align:center;margin-top:4px; } .grn .newListCate.noneImg {margin:22px 0;width:40px; padding:2px; font-size:75%;background:#7fc269; color:#FFF;text-align:center; } /*cmn*/ .newListTxt {float:right; width:563px; padding-right:10px; } .newListNew img{ vertical-align:middle; padding-left:10px; } .newListDel a{ padding-left:6px;font-weight:bold; color:#838383; } .newListDate{ color:#4b4b4b; position:absolute; width:150px; top:7px; left:553px; font-weight:normal; text-align:right; font-size:75%; } .newListTit{ margin-bottom:4px; font-weight:bold; font-size:83%; } .newListTit span{ padding-left:6px; font-weight:bold; } .newListText{ font-size:83%; } .allListNew{width:158px;padding:4px 0 0;margin-bottom:10px;/margin-bottom:3px;font-size:83%; clear:both; background:url(../img/bg_allListNew_top.png) 0 0 no-repeat; position: absolute; left: 560px;top: 17px; z-index:61; } .allListNewBg{ padding-bottom:5px; background:url(../img/bg_allListNew_btm.png) 0 bottom no-repeat; } .allListNewBox{ overflow:hidden; padding:3px 9px 0 7px; background:url(../img/bg_allListNew_body.png) 0 0 repeat; } .allListNew dl{ margin-bottom:3px; } .allListNew dt{ background:#362f2d; color:#FFFFFF; margin-bottom:10px; height:13px; padding:0 1px; width:44px; clear:both; text-align:center; } .allListNew dd.category li{ float:left;margin-bottom:10px;/margin-bottom:3px; } .allListNew dd.category li.first{margin-right:10px; padding-left:5px; } .allListNew dd.category input {margin-right:3px; vertical-align: middle; vertical-align: top\9; font-size:0; height:12px; /vertical-align:bottom;zoom:1; } .allListNew dd.sort li{ padding:0 0 6px 5px;/padding:0 0 3px 5px} .allListNew dd.sort li input{ margin-right:3px; vertical-align: middle; vertical-align: top\9; font-size:0; height:12px; /vertical-align:bottom;zoom:1; } .allListNew .configBtn{ clear:both; margin:0 0 7px; text-align:center; } .allListNew .configBtn a{ display:block; background:#362f2d;color:#FFFFFF; height:13px; width:66px; margin:0 auto; } .allListNew .configBtn a:hover{ background-color:#C7B299; } /* mypage_post -------------------------------------------------------- */ .mydetailSheet{ overflow:hidden; margin-bottom:25px; } /**/ .mysheetClient{ width:90px; padding:8px 4px; background:#FFFFFF; float:left; margin:0 12px 0 0; } .postHistory{ padding:37px 0 2px 0px; font-weight:bold; } .recentPost{ font-size:92%;margin-top:2px; } .mysentSort{ font-size:92%;margin-top:2px; color:#808080; } .mysheetprof{ padding:9px 0 0 0; font-size:100%;} .mysheetprof span{ font-weight:bold; } .mysheetprof .postHistory{ padding:0 0 5px; font-weight:normal; } .mysheetprof .recentPost{ padding:25px 0 5px; margin-top:2px; } .mysheetprof .locationPost{ padding:0 0 13px; margin-top:2px; } .mysheetprof input{ font-size:92%; height:23px; padding:0 21px; } .mysheetprof .connectList{ width:500px; } .mysheetprof .connectList img{ margin:0 5px 0 0;} .fbfriendBox{ overflow:hidden; background:#FFF; clear:both; font-size:75%; margin:-15px 0 49px; padding:2px 5px 10px;} .fbfriendBox p{ margin:0 0 3px; color:#808080;} .fbfriendBox li{ float:left; width:30px; padding:0 5px 0 0;} .mypageFilter{margin-bottom:20px; color:#808080; text-align:right;} .mypageFilter a{font-weight:bold;font-size:96%;text-decoration:underline;} .moreBar{ clear:both; width:100%; padding:15px 0 20px; } .moreBar02{ clear:both; width:100%; padding:0 0 20px; } .moreBar a, .moreBar02 a{background:url(../img/bg_more.png) 0 0 no-repeat; text-align:center; height:22px; padding:8px 0 2px; font-size:117%;font-weight:bold; display:block; color:#797877; clear:both;z-index:0; } .moreBar a:hover, .moreBar02 a:hover{background:url(../img/bg_more.png) 0 bottom no-repeat; color:#FFF; } .imgLendBox{ clear:both; width:712px; background:#FFF url(../img/bg_myBox_lend.png) 0 0 no-repeat;position:relative; min-height:160px; margin-bottom:5px; float:left; } .imgLendBox.Post{ background:#FFF url(../img/bg_myBox_lend_post.png) 0 0 no-repeat;} .imgBrwBox{ clear:both; width:712px; background:#FFF url(../img/bg_myBox_brw.png) 0 0 no-repeat;position:relative; min-height:160px; margin-bottom:5px; float:left; } .imgBrwBox.Post{ background:#FFF url(../img/bg_myBox_brw_post.png) 0 0 no-repeat; } .imgLendBox table.thumb, .imgBrwBox table.thumb{width:130px;height:130px;vertical-align:middle; margin:22px 0 0 8px; background-color:white; } .titLend, .titBrw{ font-size:117%; /font-size:108%; color:#f39700; font-weight:bold; margin-bottom:2px; } .titBrw{ color:#7FC269; clear:both; } .historyBox .imgLendBox, .historyBox .imgBrwBox{ margin-bottom:2px; } .dateBox { overflow:hidden; height:26px; clear:both; padding:24px 0 0;} .dateBox.top{ overflow:hidden; height:25px; clear:both; padding:0; margin:-23px 0 3px;} .dateBox.favorite{ overflow:hidden; height:10px; clear:both; padding:45px 0 0; margin:-23px 0 3px;} .dateBox.profile { height:2px;padding:24px 0 4px;} .dateBox .profTxt{ font-weight:bold; margin:0 0 3px; float:left;} .dateBox .dateBoxicon{ float:right; margin:-15px 7px 0 0;} .dateBox li{ display:inline; border-right:1px solid #666666; padding:0 6px 0; height:15px; } .dateBox li.last{ border-right:none; padding:0 0 0 6px;} .dateBox .myicn01 a, .dateBox .myicn02 a, .dateBox .myicn03 a, .dateBox .myicn04 a{ display:inline; padding:2px 0 2px 16px; /padding:1px 0 0 16px; font-size:83%; font-weight:bold; background:url(../img/icn_mymenu.gif) 0 0 no-repeat; } .dateBox .myicn01 a:hover, .dateBox .myicn02 a:hover, .dateBox .myicn03 a:hover, .dateBox .myicn04 a:hover{border-bottom:1px solid #666666; position:relative; } .dateBox .myicn01 a { background-position:0 -338px; } .dateBox .myicn02 a { background-position:0 -403px; } .dateBox .myicn03 a { background-position:0 -433px; } .dateBox .myicn04 a { background-position:0 -369px; } .historyDetail{/*width:412px;*/ margin:-145px 10px 0 158px; overflow:hidden; /margin:-146px 10px 0 158px; } .postTime{font-size:83%; margin-bottom:3px;font-weight:bold; } .postTime span{ padding:0 7px; } .postMoney{ font-weight:bold;margin-bottom:3px; } .postPlace{ font-weight:bold;margin-bottom:3px; } .postTxt{font-size:92%; color:#808080; line-height:1.3; } .postList{ overflow:hidden; margin:3px 0 4px; border-top:1px solid #ECEAE7; /margin:3px 0 0px;} .postList dl{ overflow:hidden; border-bottom:1px solid #ECEAE7; padding:4px 0 0;} .postList dt{ float:left;} .postList dt img.Brw{ border:5px solid #7FC269;} .postList dt img.Lend{ border:5px solid #F39700;} .postList dd{ float:right; width:496px; padding:2px 0 0;} .postList dd p{ margin:0 0 4px; } .postList dd .listNameBrw{ font-weight:bold; color:#7FC269;} .postList dd .listNameLend{ font-weight:bold; color:#F39700;} .postList dd .listDate{ color:#666; float:right; font-weight:normal; /margin:-17px 0 0 0;} .postMes{} .postMes a{ background:url(../img/icn_arws.png) no-repeat scroll 153px -826px; line-height:18px; padding:0 18px 0 5px; height:18px; font-weight:bold; float:right; margin:0 12px 30px; color:#4b4b4b; /margin:0 0 50px; } .mySentMes a{ background:url(../img/icn_arws.png) no-repeat scroll 55px -826px; line-height:18px; padding:0 18px 0 5px; height:18px; font-weight:bold; float:right; margin:0 12px 30px; color:#4b4b4b; /margin:0 0 50px; } .myReactionMes a{ background:url(../img/icn_arws.png) no-repeat scroll 80px -826px; line-height:18px; padding:0 18px 0 5px; height:18px; font-weight:bold; float:right; margin:0 12px 30px; color:#4b4b4b; /margin:0 0 50px; } .historyMenuLend, .historyMenuBrw{width:132px;height:159px;background:#eeebe7;position:absolute;top:0px;left:580px; z-index:1} .historyMenuLend li, .historyMenuBrw li{ height:31px; border-bottom:1px #FFFFFF solid; *display:inline; *zoom:1; } .myicn01 a.icnMail, .myicn02 a, .myicn03 a, .myicn04 a, .myicn05 a{ display:block; width:99px; height:21px; padding-top:10px; padding-left:33px; font-size:83%; font-weight:bold; background:url(../img/icn_mymenu.gif) 0 0 no-repeat; } .historyMenuLend .myicn01 a.icnMail { background-position:10px 11px; } .historyMenuLend .myicn02 a { background-position:10px -19px; } .historyMenuLend .myicn03 a { background-position:10px -53px; } .historyMenuLend .myicn04 a { background-position:10px -85px; } .historyMenuLend .myicn05 a { background-position:10px -116px; } .historyMenuBrw .myicn01 a.icnMail { background-position:10px -144px; } .historyMenuBrw .myicn02 a { background-position:10px -174px; } .historyMenuBrw .myicn03 a { background-position:10px -208px; } .historyMenuBrw .myicn04 a { background-position:10px -241px; } .historyMenuBrw .myicn05 a { background-position:10px -271px; } .historyMenuLend li a{ color:#ff9900; } .historyMenuLend li:hover{ background:#d5d2ce; } .historyMenuBrw li a{ color:#7fc269; } .historyMenuBrw li:hover{ background:#d5d2ce; } .userUnread{position:absolute;top:6px;left:84px;width:23px;height:28px;padding:1px 0 0 22px;/padding:2px 0 0 23px;/height:27px;color:#ffffff;font-size:67%;background:url(../img/bg_unread_my.png) 0 0 no-repeat;text-align:center; } .mysheetG{ background:url(../img/bg_balloonB_grn.png) 5px 0 no-repeat; clear:both; } .mysheetG table{ background-color:#7cc576; } .mysheetO{ background:url(../img/bg_balloonB_org.png) 5px 0 no-repeat; clear:both; } .mysheetO table{ background-color:#f39700; } /* メッセージ（ツールチップ） */ .message{ position:absolute; width:268px; left:-99px; top:20px; padding-top:25px; background:url(../img/bg_my_message.png) 0 0 no-repeat; z-index:2; } .messageBg{ padding:0 5px 13px 8px; background:url(../img/bg_my_message_btm.png) 0 bottom no-repeat; } .message table{ color:#8e8e8e; width:250px; border-bottom:solid 1px #e2dfda; } .message th{ padding:5px; width:40px; height:40px; vertical-align:middle; text-align:center; } .message td{ line-height:1.4; padding:4px 0 0 10px; font-size:75%; vertical-align:top; background-color:#ffffff; } .message .mesNew td{ background:url(../img/bg_unread_new.gif) 115px 26px no-repeat #FFFFFF; } .message td span{ display:block; margin-bottom:1px; font-weight:bold; } .message .mesLend th{ background:#ff9900; } .message .mesBrw th{ background:#7fc269; } .message .mesLend td span{ color:#ff9900; } .message .mesBrw td span{ color:#7fc269; } .message .moreMessage{ width:250px; height:35px; margin-top:3px; } .message .moreMessage a{ display:block; height:35px; font-size:92%; line-height:35px; background:url(../img/bg_my_message_more.png) 0 0 no-repeat; color:#8e8e8e; text-align:center; font-weight:bold; } .message .moreMessage a:hover{ background-position:0 -35px; } /* mypage_send -------------------------------------------------------- */ .sendList{ clear:both;width:712px; height:auto; position:relative; min-height:75px; margin-bottom:5px; line-height:1.33; overflow:hidden; background-color:#fbf8f3; } .sendList a{ display:block; cursor:pointer; } .sendListL{ width:65px;padding:5px; background:#f39700; float:left; height:65px; } .sendListL img{z-index:-1001; } .sendListR{ float: right; background:url(../img/bg_balloonD_org.gif) 0 10px no-repeat; width:623px; padding:3px 0 6px 14px; } .sendListHeadL p{color:#FF9900; font-weight:bold; } .sendListCate{ float:left; padding:3px 4px; background:#f39700; margin-top:3px; /margin-top:4px; margin-right:5px; line-height:0.7; color:#ffffff; } /*緑カラー*/ .grn .sendListL{ background:#7fc269; } .grn .sendListR{ background:url(../img/bg_balloonD_grn.gif) 0 10px no-repeat #fbf8f3; } .grn .sendListHeadL p{color:#7fc269; } .grn .sendListCate{ background:#7fc269; } .firefox .grn .sendListCate{ background:#7fc269; } /**/ .sendListTxt {float:left; width:618px; padding-right:10px; font-size:83%; padding-top:2px;/padding-top:1px; } .sendListHeadL span{ color:#000000; padding:0 4px; } .sendListNew img{ vertical-align:middle; padding-left:4px; margin-bottom:2px; } .sendListDel a{ padding-left:6px;font-weight:bold; color:#838383 ; } .sendListDate{ color:#6c6c6c; position:absolute; width:150px; top:7px; left:552px; font-weight:normal; text-align:right; } .sendListTit{ margin-bottom:2px; font-weight:bold; /margin-bottom:1px; } .sendListTit span{ padding:0 3px 0 6px; font-weight:bold; float:right; /margin:-15px 0 0 0; } /* mypage_favorite -------------------------------------------------------- */ .sendMark{ position:absolute;width:150px;right:12px;top:6px; padding:2px 0 1px; background:#000000; color:#FFF; font-size:83%; text-align:center; line-height:0.9; } /* mypage_Detail -------------------------------------------------------- */ /*借ります*/ .lendComment { background:#FFFFFF; position: relative; font-size:92%; height:43px; margin-bottom:1px; } .lendComment .thumbL{display:block; background:url(../img/bg_balloonD_grn.gif) center right no-repeat;width:50px; } .lendComment .thumbL img{ border:4px solid #7fc269; } .lendComment .thumbB img{ border:4px solid #F39700; } .lendName {padding:2px 2px 1px;width:483px;font-weight:bold;position:absolute;left: 56px;top: 13px; color:#7fc269; } .lendName span{ padding:0 0 0 5px; color:#000; } /*貸します*/ .brwComment { background:#FFFFFF; position: relative; font-size:92%; height:43px; margin-bottom:2px; } .brwComment .thumbL{display:block; background:url(../img/bg_balloonD_org.gif) center right no-repeat;width:50px; } .brwComment .thumbL img{ border:4px solid #F39700; } .brwName {padding:2px 2px 1px;width:483px;font-weight:bold;position:absolute;left: 56px;top: 13px; color:#F39700; } .brwName span{ padding:0 0 0 5px; color:#000; } .messageDate{ margin:-28px 12px 0 0; text-align:right; font-size:92%; } .commentBox{ padding:12px 0 6px 10px; margin-bottom:1px; background:#eeebe7; } .commentBox .faceicon{ width:35px; } .commentBox dl{width:479px; margin:-37px 0 0 55px; } .commentBox dl dt{ font-weight:bold; font-size:92%; padding-bottom:1px; } .commentBox dl dd{ background:#FFF; border:1px solid #cdcbc7; padding:5px; } .commentBox dl dt span{ font-weight:normal; float:right; /display:inline-block; /margin:-15px 0 0 0; } .photoPost{ margin:10px 0 5px 55px; } .commentBox .notifMes{font-size: 92%; text-align:right;padding-bottom:6px;margin-right:7px} .finishEdit { background-color:#000; width:110px; margin:-25px 0 10px 170px; font-size:92%; line-height:1; } ul.postMenu{ margin-top:2px; } ul.postMenu li{ background:url(../img/icn_sheetMenu.png) 18px -112px no-repeat #FFF; padding:10px 0 8px 35px; font-weight:bold; margin-bottom:2px; } ul.postMenu li.delete{ background:url(../img/icn_sheetMenu.png) 18px -175px no-repeat #FFF; padding:10px 0 8px 35px; font-weight:bold; } ul.postMenuLend{ margin-top:2px; } ul.postMenuLend li{ background:url(../img/icn_sheetMenu.png) 18px 11px no-repeat #FFF; padding:10px 0 8px 35px; font-weight:bold; margin-bottom:2px; } ul.postMenuLend li.delete{ background:url(../img/icn_sheetMenu.png) 18px -51px no-repeat #FFF; padding:10px 0 8px 35px; font-weight:bold; } /* mypage_Detail -------------------------------------------------------- */ .myDetail .detailCatBln, .myDetail .detailCatInfo{font-weight: normal } /**/ .myDetail .titDetailLend{ margin-bottom:6px; height:23px; background:url(../img/tit_mydetail_org.png) 0 0 no-repeat; } .myDetail .titDetailBrw{ margin-bottom:6px; height:23px; background:url(../img/tit_mydetail_grn.png) 0 0 no-repeat; } .myDetail .detailCat{ position:relative; width:584px; padding:0px 138px 0 0; margin:0 0 10px 0; } /*register*/ .registerLead{ text-align:center; margin-bottom:32px; } .newGroup{ margin-bottom:80px; } .registerBox .checkOn{display:block; background:#FFFFFF; width:300px; margin:0 auto 10px; padding:6px 0 4px; *padding:3px 0; } .registerBox .checkOn label{ cursor:pointer; } .registerBox .checkOn input{ margin:0 5px 1px 5px; vertical-align:middle; } .msie8 .registerBox .checkOn input, .safari .registerBox .checkOn input{ margin-bottom:2px; } .registerBtn{ width:300px; margin: 0 auto; } .registerBtn a{ display:block; padding:10px 0 8px; background-color:#000000; color:#ffffff; font-weight:bold; font-size:117%; text-align:center; } .registerBtn a:hover{ background-color:#ff9900; } .registerBox .registerTxt{ background:#FFFFFF; width:355px; margin:0 auto 10px; padding:15px 20px 23px 22px; } .registerBox .registerTxt p{ text-align:center; font-weight:bold; margin-bottom:14px } .registerBox .registerTxt th{ width:109px;} .registerBox .registerTxt td{ padding:8px 0 5px;} .registerBox .registerTxt td img{ padding:10px 0;} .registerBox .registerExplain{width:750px;margin:0 auto 10px;} /*プロフィール情報*/ .postUser{ overflow:hidden; margin-bottom:10px; } .postUserPhoto{ float:left; width:145px; padding:15px 0; background-color:#ffffff; text-align:center; font-size:0; line-height:0; } .postUserName{ margin-left:155px; } dl.shareFb{ overflow:hidden; } dl.shareFb dt{ float:left; width:380px; padding-right:20px; } dl.shareFb dd{ float:right; width:157px; } dl.shareFb dd img{ float:left; margin-right:5px; } dl.shareFb dd a{ float:right; width:130px; padding:4px 0 2px; font-weight:bold; display:block; background-color:#000000; color:#ffffff; text-align:center; } dl.shareFb dd a:hover{ background-color:#ff9900; } dl.shareFb dd input{ height:24px; } .subTit{ font-size:117%; font-weight:bold; margin-bottom:20px; padding-bottom:3px; border-bottom:3px solid #F39700; } .setArea{ margin:0px 0 2px 0; background:#eeebe7; padding:10px; } .setTit{ font-size:117%; padding:2px 8px 0; margin-bottom:10px; border-left:4px solid #F39700; font-weight:bold; } .setBody{ padding:0 10px 10px; } .setLead{ font-size:83%; margin-bottom:10px; } .setSubTit{ margin-bottom:10px; font-weight:bold; } .connectList{ width:692px; margin:0 -20px 0 0; overflow:hidden; } .connectList li{ float:left; width:326px; margin:0 20px 0 0; padding-bottom:10px; } .connectList li img{ margin-right:10px; vertical-align:middle; } .connectList li span{ font-weight:bold; } .setAct{ padding:10px 10px 5px; *padding-top:7px; background-color:#ffffff; } .setAct li{ margin-bottom:5px; *margin-bottom:0px; } .setAct li input{ margin:0 5px 1px 0; vertical-align:middle; } .meie8 .setAct li input, .safari .setAct li input{ margin-bottom:2px; } /*Mypage OTHER -------------------------------------------------------- */ ul.otherProfile{ margin:0 20px -8px 130px; padding:8px 0 0; } ul.otherProfile li{margin-bottom:8px; } ul.otherProfile span{ font-weight:bold; } .myOther .sheetFriend{ clear:both; padding:0 5px 8px; *padding-bottom:10px; overflow:hidden; margin:0 20px 20px; background-color:#ffffff; } .myOther .sheetFriend p{ margin-bottom:3px; padding-top:2px; font-size:75%; color:#818181; border-top: none; } .myOther .sheetFriend ul{ float:left; width:665px; margin-right:-5px; font-size:0; } .myOther .sheetFriend li{ float:left; margin:0 5px 5px 0; font-size:0; line-height:0; width:30px; height:30px; overflow:hidden; } /* erro ======================================================== */ .errBox{ background:url(../img/bg_err.png) no-repeat 0 0; width:664px; margin:26px auto 260px; padding:55px 45px 45px; } .errBox .errTitle{ font-size:18px; font-weight:bold; padding:0 0 46px 95px;} .errBox .errTxt{ font-size:117%; padding-bottom:25px;} .errBox .errBtn a{ display:block; background:url(../img/btn_top.png) no-repeat 0 0; width:161px; height:42px; text-indent:-9999px; border:none;} /* ===================================================== Tablet ======================================================== */ #wrapper.ipad4{ letter-spacing:-1px; } .ipad4 .gLimitBtn a{ padding-left:8px; padding-right:0px; } .ipad4 .mesImgBtn a{ padding:3px 4px 3px 6px; } .ipad4 .mesImgBtn a span{ background-position:right -94px; } .ipad4 .mesImgDell a{ padding:3px 4px 3px 6px; } .ipad4 .mesImgDell a span{ background-position:left -367px; } .ipad4 .sheetMesBtn a{ padding:4px 4px 7px 6px; } .ipad4 .sheetMesBtn a span{ background-position:right -96px; } .ipad4 .sheetOfferClose a{} .ipad4 .sheetOfferClose a span{ padding-top:2px; padding-bottom:4px; } .ipad4 .sheetStatesOpen span{ padding-top:2px; padding-bottom:4px; } .ipad4 .pan a, .ipad4 .pan span{ margin:0 2px 0 4px; } .ipad4 .pan a:first-child, .ipad4 .pan span:first-child{ margin-left:0; } #post_image{ cursor: pointer; filter: alpha(opacity = 0); opacity: 0; position: absolute; font-size: 36px; width: 100px; display: block; z-index: 0; height: 20px; } #message_image { cursor: pointer; filter: alpha(opacity = 0); opacity: 0; position: absolute; font-size: 24px; width: 100px; display: block; z-index: 0; height: 22px; } #noScript { background: none repeat scroll 0 0 white; left: 0; position: fixed; right: 0; text-align: center; z-index: 99999; font-size: 27px; } #image_file_window{ position:relative; overflow:hidden; padding: 1px; } .withdrawTerms{ } /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../img/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../img/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../img/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 20px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @charset "utf-8"; /* ===================================================== POPUP ======================================================== */ /* move to popup_body due to css duplication with common.css html{ overflow-y:visible; } body{ background-color:#ffffff; overflow-y:visible; } */ /* bgBtn , bgtitle -------------------------------------------------------- */ .popMesMenu li a{ display:block; text-indent:-999999px; font-size:0; line-height:0; } /* Page ======================================================== */ .popup{ margin:0 auto; overflow:hidden; } .popSize01{ width:600px; padding:20px; } .popSize02{ width:250px; padding:10px; cursor: pointer;} /**/ .popup .catimage{ float:left; width:200px; } .popup .popupBox{ margin-left:230px; } /**/ .popup h1{ font-size:117%; font-weight:bold;} .popup .popTit01{ margin-bottom:20px; } .popup .popTit02{ margin-bottom:10px; } /**/ .popupLogo{margin-bottom:10px; } .popupImg{ width:250px; height:250px; background-color:#ffffff; margin:25px; cursor:pointer; } /**/ .popupFb a{ clear:both; padding:10px; background:#39579a; color:#FFFFFF; font-weight:bold; width:300px; margin:0 auto; text-align:center; display:block; text-decoration:none; } .popupFb a:hover{ background:#ff9a00; } /* ダイレクトメッセージ */ .popMesCont{ width:400px; overflow:hidden; background-color:#e6e6e6; } /**/ .popMesBox{ float:left; width:381px; border-right:solid 1px #ffffff; } .popMesMenu{ float:right; width:18px; padding:7px 0 1px; } .popMesMenu li{ *display:inline; text-align:center; } .popMesMenu li a{ width:8px; height:8px; margin:0 auto 8px; background-color:#ffffff; } .popMesMenu .act a{ background-color:#000000; } /**/ .popMesHead{ width:100%; overflow:hidden; border-top:solid 1px #e2dfda; border-bottom:solid 1px #e2dfda; background-color:#ffffff; } .mesHeadL{ float:left; width:35px; height:35px; padding:4px; } .mesHeadR{ margin-left:43px; padding:5px 10px 4px 14px; } .mesHeadR p{ font-weight:bold; } .mesCate{ display:inline-block; *display:inline; *zoom:1; padding:3px 4px; margin-right:5px; line-height:0.7; color:#ffffff; font-size:75%; } .ipad4 .mesCate{ padding-right:0px; }/* for ipad4 */ .mesName{ display:inline-block; *display:inline; *zoom:1; font-size:75%; } .mesName span{ color:#000000; padding-right:4px; } .mesHeadTit{ margin-top:2px; } /**/ .mesHeadLend .mesHeadL{ background:#f39700; } .mesHeadBrw .mesHeadL{ background-color:#7fc269; } .mesHeadLend .mesHeadR{ background:url(../img/bg_balloonD_org.gif) 0 10px no-repeat; } .mesHeadBrw .mesHeadR{ background:url(../img/bg_balloonD_grn.gif) 0 10px no-repeat; } .mesHeadLend .mesCate{ background:#f39700; } .mesHeadBrw .mesCate{ background:#7fc269; } .mesHeadLend .mesName{ color:#FF9900; } .mesHeadBrw .mesName{ color:#7fc269; } /**/ .popMessage{ clear:both; padding:10px; background-color:#eeebe7; } .popMessage table{ color:#8e8e8e; width:100%; border-bottom:solid 1px #e2dfda; } .popMessage th{ padding:5px; width:40px; height:40px; vertical-align:middle; text-align:center; } .popMessage td{ line-height:1.4; padding:4px 10px 0 10px; font-size:75%; vertical-align:top; background-color:#ffffff; } .popMessage .mesNew div{ background:url(../img/bg_unread_new.gif) right 22px no-repeat #FFFFFF; } .popMessage td span{ display:block; margin-bottom:1px; font-weight:bold; } .popMessage .mesLend th{ background:#ff9900; } .popMessage .mesBrw th{ background:#7fc269; } .popMessage .mesLend td span{ color:#ff9900; } .popMessage .mesBrw td span{ color:#7fc269; } :root #postTextInImg{ position:relative; top:-63px; text-align:center; font-size:14px; font-family:'YasashisaGothicBold','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight:bold; color: white; } #postTextInImg{ position:relative; top:-70px; text-align:center; font-size:14px; font-family:'YasashisaGothicBold','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight:bold; color: white; } input.tagInputBox { border: 0 none; display: block; float: left; height: 100%; outline: 0 none; width: 490px; } input.btn07org { background-color: #000000; color: #FF9900; } .selectTagList { background: none repeat scroll 0 0 white; border: 1px solid #b8b7b7; cursor: text; padding: 10px 0 5px 5px; } .selectedTagElem { background: none repeat scroll 0 0 #ccecff; border-radius: 4px 4px 4px 4px; color: #000000; display: table; float: left; margin: 0 5px 5px 0; padding: 5px 10px 5px 5px; } a.removeTag { border-left: 1px solid #cccccc; color: #B2B2B2; display: inline; font-weight: 700; height: 100%; margin-left: 5px; padding-left: 5px; } .delMessage { font-size: 92%; padding: 10px; text-align: right; } .delMessage a { background: url("../img/icn_mymenu.gif") no-repeat scroll 0px -431px transparent; font-weight: bold; padding-left: 18px; padding-top: 3px; } .introjs-overlay { position: absolute; z-index: 999999; background: url(../img/fancybox/fancybox_overlay.png); opacity: 0; background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-fixParent { z-index: auto !important; } .introjs-showElement { z-index: 9999999 !important; } .introjs-relativePosition { position: relative; } .introjs-helperLayer { position: absolute; z-index: 9999998; background-color: #FFF; background-color: rgba(255,255,255,.9); border: 1px solid #777; border: 1px solid rgba(0,0,0,.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0,0,0,.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .introjs-helperNumberLayer { position: absolute; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: white; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3); background: #ff3019; /* Old browsers */ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */ background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ width: 20px; height:20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */ box-shadow: 0 2px 5px rgba(0,0,0,.4); } .introjs-arrow { border: 5px solid white; content:''; position: absolute; } .introjs-arrow.top { top: -10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:white; border-left-color:transparent; } .introjs-arrow.right { right: -10px; top: 10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:white; } .introjs-arrow.bottom { bottom: -10px; border-top-color:white; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent; } .introjs-arrow.left { left: -10px; top: 10px; border-top-color:transparent; border-right-color:white; border-bottom-color:transparent; border-left-color:transparent; } .introjs-tooltip { position: absolute; padding: 10px; background-color: white; min-width: 200px; max-width: 300px; border-radius: 3px; box-shadow: 0 1px 10px rgba(0,0,0,.4); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .introjs-tooltipbuttons { text-align: right; } /* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */ .introjs-button { position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; margin-top: 10px; } .introjs-button:hover { border-color: #bcbcbc; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; } .introjs-button:focus, .introjs-button:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); background-image: -moz-linear-gradient(#ececec, #f4f4f4); background-image: -o-linear-gradient(#ececec, #f4f4f4); background-image: linear-gradient(#ececec, #f4f4f4); } /* overrides extra padding on button elements in Firefox */ .introjs-button::-moz-focus-inner { padding: 0; border: 0; } .introjs-skipbutton { margin-right: 5px; color: #7a7a7a; } .introjs-prevbutton { -webkit-border-radius: 0.2em 0 0 0.2em; -moz-border-radius: 0.2em 0 0 0.2em; border-radius: 0.2em 0 0 0.2em; border-right: none; } .introjs-nextbutton { -webkit-border-radius: 0 0.2em 0.2em 0; -moz-border-radius: 0 0.2em 0.2em 0; border-radius: 0 0.2em 0.2em 0; } .introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus { color: #9a9a9a; border-color: #d4d4d4; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none; }