/***** KS list PAGE CSS *****/ /*== common_module start ==*/ .yjmth{*height:1%}.yjmth img{vertical-align:middle;border:0}.yjmth a{border:0}div.yjmthproplogoarea{float:left}div.yjmthloginarea{float:left;margin:0px 0px 0px 3px;font-size:smaller;text-align:left;line-height:110%}div.yjmthloginarea strong{font-weight:bold}div.yjmthcplogoarea{float:right}div.yjmthcmnlnkarea{float:right;margin:10px 3px 0px 0px;font-size:smaller;text-align:right;line-height:110%}br.yjmthclear{clear:both}div.yjgrplink{text-align:right;font-size:smaller;line-height:115%} body{font-size:16px;*font-size:100%;*font:100%}table{font-size:inherit;font:100%}select,input,textarea{font:99% arial,helvetica,clean,sans-serif}pre,code{font:115% monospace;*font-size:100%}body *{line-height:1.22} body,select,input,textarea{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif}html>body,html>body select,html>body input,html>body textarea{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif}*+html body,*+html body select,*+html body input,*+html body textarea{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif} strong{font-weight:bold}br{letter-spacing:0} .im_img{margin-bottom:10px;text-align:center} body{margin:0;padding:0;text-align:center}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul li,ol li{list-style:none}table{margin:0;padding:0;border-collapse:collapse;border-spacing:0;font-size:100%}caption{text-align:left}table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size:100%}address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight:normal;font-style:normal}em{font-weight:bold}a img{border:0}hr.separation{display:none}fieldset{border:none} #wrapper{padding:0 10px;background-color:#fff;text-align:left}#cat-pass{margin-bottom:10px;padding-left:7px;font-size:81.25%}#contents-body{position:relative;margin-bottom:20px}.yj-guid{display:none}.yj-skip{display:none}#footer{text-align:center;margin-top:10px}#footer address{padding:10px 0 20px;border-top:1px solid #ccc;font-size:small;line-height:1.4}#footer address a+p{margin:5px 0 0 0}.yj950-1 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper{width:950px;margin:0 auto;padding:0 10px}.yj950-1 #contents,.yj950-2 #contents,.yj950-3 #contents{text-align:left}.yj950-2 #contents-body #main{float:left;width:638px}.yj950-2 #contents-body #sub{float:right;width:300px}.yj100per-1,.yj100per-2{width:100%}.yj100per-1 #wrapper,.yj100per-2 #wrapper{min-width:950px;padding:0 10px}* html .yj100per-1 #wrapper,* html .yj100per-2 #wrapper{width:expression(document.body.clientWidth < 1001 ? "950px" : "auto")}.yj100per-2 #contents-body #main-wrapper{float:left;width:100%;margin-left:-316px}.yj100per-2 #contents-body #main{margin-left:316px}.yj100per-2 #contents-body #sub{float:right;width:300px}#contents-body:after{display:block;visibility:hidden;clear:both;height:0;content:"."}#contents-body{zoom:1} #sub #pos-lrec{margin-bottom:10px}#sub #pos-lrec dl{padding:0}#sub #pos-lrec dt{height:20px;padding:0;border:0;text-align:center;display:block;font-size:81.25%}#sub #pos-lrec dd{padding:0;margin:0 auto;width:300px}#sub #pos-lrec img{display:block}#sub #ad-m2c{margin-bottom:10px} #emg,#emg2,#emg3{margin-bottom:10px;text-align:center}#emg table,#emg2 table,#emg3 table{margin-right:auto;margin-left:auto}#emg br,#emg2 br,#emg3 br{display:none} #masthead{width:100%;height:41px;margin:4px auto 10px auto;text-align:left}#msthd a{text-decoration:none}#msthd a:hover{text-decoration:underline}#masthead strong,.yjmthloginarea strong{font-weight:bold}.yjmth:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.yjmth{zoom:1} .pkg:after,.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.pkg,.clearfix{zoom:1} .usrPrfImg{visibility:hidden}#prfSlct,#prfSlctListWrap{width:506px;position:relative;line-height:1.33}#prfSlctListWrap{z-index:351}#prfSlct ul,#prfSlctListWrap ul{padding:0;margin:0;list-style:none}#prfSlct ul li,#prfSlctListWrap ul li{padding:0;margin:0;list-style:none}#prfSlct p,#prfSlctListWrap p{padding:0;margin:0}.prfSlctCont{display:block;cursor:pointer;background-color:#fff;zoom:1}.prfSlctCont:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.prfSlctCont input{display:none}#prfShow{padding-right:6px}#prfShow .prfSlctCont{border:1px solid #ccc}.prfSlcted,.prfSlctContHover{background-color:#FFFFD2}.prfSlctOpend{background-color:#fff}.prfSlctBan{background-color:#fff;cursor:default}.prfSlctImgWrap{float:left;padding:11px 9px 9px 11px}.prfSlctImg{width:32px;height:32px;overflow:hidden;padding:1px 3px 3px 1px;text-align:center;background:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSprite.png") 0 0 no-repeat}.prfSlctImg span{display:inline-block;width:0;height:32px;vertical-align:middle}.prfSlctImg img{display:inline-block;vertical-align:middle}.prfSlctDetail{float:left;width:332px;padding:8px 0 4px;margin-right:10px;word-break:break-all;word-wrap:break-word;text-align:left}.prfSlctPub{margin-bottom:3px;font-weight:bold;vertical-align:middle;zoom:1}.prfSlctPub:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.prfSlctBan .prfSlctPub{color:#999}#prfSlct .prfSlctPub p,#prfSlctListWrap .prfSlctPub p{float:left;display:block;padding:2px 5px 2px 0;font-size:81.25%;vertical-align:middle;line-height:1.33}#prfSlct .prfSlctPub p.prfShowName,#prfSlctListWrap .prfSlctPub p.prfShowName{width:327px;text-align:left;margin:0}.prfSlctPub span{float:left;display:block;height:18px;font-size:0;text-indent:-9999px;background:url("https://s.yimg.jp/images/ks/official/nt/badge_sprite.png") 0 0 no-repeat;vertical-align:middle;line-height:1}.prfSlctPub .prfStts{padding:3px 7px !important;font-size:75% !important;font-weight:normal;color:#fff;background:#EA646A;border-radius:3px}.prfSlctPub .prfStts.gglCh{background:#f8b700}.prfSlctPub .prfStts.gglTp{background:#009e4e}.prfSlctPub .prfBadgeSp{width:50px;background-position:0 0}.prfSlctPub .prfBadgeCh{width:93px;background-position:-60px 0}.prfSlctPub .prfBadgeCa{width:93px;background-position:-160px 0}.prfSlctPub .prfBadgeTieup{width:80px;background-position:-260px 0}.prfSlctPub .prfBadgeStaff{width:100px;background-position:-350px 0}.prfSlctPub .prfBadgeAdv{width:83px;background-position:-460px 0}#prfSlctList .prfSlctDetail ul.prfSlctSupple,#prfSlctListWrap .prfSlctGraph{margin-bottom:3px;border:none;background-color:transparent}#prfSlctList .prfSlctDetail ul.prfSlctSupple li,#prfSlctList .prfSlctDetail ul.prfSlctGraph li{line-height:normal;font-size:75%}.prfSlctSupple{margin-bottom:3px}.prfSlctSupple li{float:left;margin:0 20px 3px 0;font-size:75%}#prfSlct .prfSlctSupple li,#prfSlctListWrap .prfSlctSupple li{margin:0 10px 3px 0}#prfSlct .prfSlctSupple li.prfSlctCoin,#prfSlctListWrap .prfSlctSupple li.prfSlctCoin{position:relative;margin:0 0 3px 0}#prfSlct .prfSlctSupple li p,#prfSlctListWrap .prfSlctSupple li p{display:inline-block;width:16px;height:16px;margin-right:2px;background-position:0 0;background-repeat:no-repeat;vertical-align:middle}#prfSlct .prfSlctSupple li p span,#prfSlctListWrap .prfSlctSupple li p span{display:block;text-indent:-9999px}#prfSlct .prfSlctSupple li.prfSlctLife p,#prfSlctListWrap .prfSlctSupple li.prfSlctLife p{display:none}#prfSlct .prfSlctBan .prfSlctSupple li.prfSlctLife,#prfSlctListWrap .prfSlctBan .prfSlctSupple li.prfSlctLife{width:48px;font-weight:bold}#prfSlct .prfSlctBan .prfSlctSupple li.prfSlctLife p,#prfSlctListWrap .prfSlctBan .prfSlctSupple li.prfSlctLife p{display:inline-block}.prfSlctLife p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_life.gif")}.prfSlctCoin p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_coin.gif")}.psGrd1 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd01.gif")}.psGrd2 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd02.gif")}.psGrd3 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd03.gif")}.psGrd4 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd04.gif")}.psGrd5 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd05.gif")}.psGrd6 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd06.gif")}.psGrd7 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd07.gif")}.psNGrd1 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd01.gif")}.psNGrd2 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd02.gif")}.psNGrd3 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_grd03.gif")}.psNGrd4 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd04.gif")}.psNGrd5 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd05.gif")}.psNGrd6 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd06.gif")}.psNGrd7 p{background-image:url("https://s.yimg.jp/images/ks/official/nt/i_ngrd07.gif")}.prfSlctDetail ul.prfSlctSupple li span{display:inline;vertical-align:middle}.prfSlctDetail ul.prfSlctSupple li img{vertical-align:middle}.prfSlctDetail ul.prfSlctSupple{zoom:1}.prfSlctDetail ul.prfSlctSupple:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.prfSlctBtn{float:left;width:70px;padding:15px 15px 0}#prfSlctListWrap .prfSlctGraph{text-align:left;zoom:1}#prfSlctListWrap .prfSlctGraph:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#prfSlctListWrap .prfSlctGraph li{float:left;margin-right:5px}#prfSlctListWrap .prfSlctGraph dt,#prfSlctListWrap .prfSlctGraph dd{position:relative;float:left}#prfSlctListWrap .prfSlctGraph dt{margin-right:3px}#prfSlctListWrap .prfSlctGraph dd div div div{line-height:0;font-size:0}#prfSlctListWrap .prfSlctGraph div p{font-size:12px}.prfSlctBtn a{display:block;width:70px;height:27px;text-indent:-9999px;overflow:hidden;background:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSprite.png") -80px -40px no-repeat}.prfSlctContHover .prfSlctBtn a{background-position:-80px -70px}#prfShow .prfSlctContHover .prfSlctBtn a{background-position:0 -70px}#prfShow .prfSlctBtn a,#prfShow .prfSlctOpend .prfSlctBtn a{background-position:0 -40px}.prfSlcted .prfSlctBtn a{background-position:-160px -70px}#prfSlctListWrap{position:absolute;left:0;top:-200%}#prfSlctList{padding-right:6px;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSide.png") right 0 no-repeat;_background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSideIE.png") right 0 no-repeat}#prfSlctList ul{background-color:#fff;border:1px solid #ccc;border-bottom:none}#prfSlctList .prfSlctCont{border-bottom:1px solid #ccc}#prfSlctList ul{list-style-position:outside}#prfSlctList li{line-height:0;overflow:hidden}#prfSlctList li div{line-height:normal}#prfSlctActionWrap{padding:0px 6px 6px 0;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctBottom.png") right bottom no-repeat;_background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctBottomIE.png") right bottom no-repeat}#prfSlctAction{padding:10px;border:1px solid #ccc;border-top:none;background-color:#f0f0f0;zoom:1}#prfSlctAction:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#prfSlctReg{float:left;font-size:75%}#prfSlctListWrap #prfSlctClose{float:right;padding:1px 20px 1px 0;font-size:75%;cursor:pointer;color:#333;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctClose.png") right 0 no-repeat}#prfSlctModal,#pssMdl{display:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:350;background:url("https://s.yimg.jp/images/clear.gif") 0 0 repeat}#linkConfPopup{position:absolute;top:0;left:0;z-index:1000}#linkConfModal{position:absolute;top:0;left:0;background:url("https://s.yimg.jp/images/clear.gif") 0 0 repeat}#linkConfirmWrap{position:absolute;display:none;width:370px;margin:0 auto;padding-bottom:12px;background:url("https://s.yimg.jp/images/ks/official/nt/bg_linkConfBottom.png") 0 bottom no-repeat;line-height:1.33;z-index:1001}#linkConfirm{padding-right:10px;background:url("https://s.yimg.jp/images/ks/official/nt/bg_linkConfSide.png") right 0 repeat-y}#linkConfirm p{margin:0;padding:0}#linkConfirmInn{background-color:#fff;border:1px solid #999}#linkConfHead{padding:5px;background-color:#DBC8EF;border-bottom:1px solid #999;zoom:1}#linkConfHead:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#linkConfHead #linkConfClose a{display:block;float:right;padding:1px 20px 1px 0;font-size:75%;text-decoration:none;color:#000;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctClose.png") right 0 no-repeat;cursor:pointer}#linkConfBody{padding:30px 10px;font-size:81.25%}#linkConfBtn{margin-top:30px;text-align:center}#linkConfBtn p{display:inline-block;margin:0 20px}#linkConfCancel span,#linkConfSubmit a{display:block;width:100px;height:27px;text-indent:-9999px;background-image:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSprite.png");background-repeat:no-repeat;cursor:pointer}#linkConfCancel span{background-position:-40px 0}#linkConfSubmit a{background-position:-140px 0}.confTitle{margin-bottom:15px;padding:10px;background-color:#eaeaea}.confTitle p{font-size:87.5%;font-weight:bold}#confPrfWrap{margin-bottom:30px;padding:0 30px}#confPrfWrap p{margin-bottom:5px;font-size:87.5%;font-weight:bold}#confPrfWrap p.confPrfCaution{font-size:81.25%;font-weight:normal;color:#f60}#confPrf{zoom:1}#confPrf:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#confPrf .prfSlctImgWrap,.confPrfName,.confPrfChgBtn{float:none;display:inline-block;vertical-align:middle}#confPrf .prfSlctImgWrap{margin-right:10px;padding:0}#confPrfWrap #confPrf p.confPrfName{margin:0 10px 0 0;font-size:81.25%}.prfSlctSWrap{position:absolute;display:none;padding-bottom:8px;top:0;left:0;text-align:left;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSBottom.png") 0 bottom no-repeat;_background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSBottomIE.png") 0 bottom no-repeat;z-index:351}.prfSlctS{padding-right:8px;width:325px;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSSide.png") right 0 repeat-y;_background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSSideIE.png") right 0 repeat-y}.prfSlctSInn{width:323px;border:1px solid #ccc;background-color:#fff}.prfSlctSHead{padding:1px}.prfSlctHeadInn{border:1px solid #FBD57B}.prfSlctHeadInn div{border:1px solid #fff;padding:5px;border-top:none;border-left:none;zoom:1;background:url("https://s.yimg.jp/images/ks/official/nt/bg_prfSlctSHead.png") 0 0 repeat-x}.prfSlctHeadInn div:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.prfSlctSTitle{float:left;width:293px;font-size:81.25%;font-weight:bold}.prfSlctSClose{float:left;width:15px;height:14px;text-indent:-9999px;background:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSSprite.png") 0 0 no-repeat;cursor:pointer}.prfSlctSBody{padding:15px}.prfSlctSIntro{margin-bottom:10px;font-size:81.25%}.prfSlctSList{margin-bottom:10px;padding-top:5px;background:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSSprite.png") -20px 0 no-repeat}.prfSlctSListInn{padding-bottom:5px;background:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSSprite.png") -320px bottom no-repeat}.prfSlctSList ul{border:1px solid #9D8A86;border-top:none;border-bottom:none}.prfSlctSList ul li:after{content:'.';display:block;clear:both;height:0;visibility:hidden}.prfSlctSList ul li{padding:5px;border-bottom:1px solid #9D8A86;font-size:81.25%;font-weight:bold;cursor:pointer;zoom:1}.prfSlctSList ul li.pSSLast{border:none}.prfSlctSList ul li input{float:left;display:block;width:21px;vertical-align:middle}.prfSlctSList ul li span{float:right;display:block;width:260px;vertical-align:middle;word-break:break-all;word-wrap:break-word}.prfSlctSList ul li.pSSBan{color:#999;cursor:default}.prfSlctSList ul li.pSSErr p{padding-left:25px;color:#999}.prfSlctSList ul li.pSSErr{cursor:default}.prfSlctSReg{margin-bottom:5px;font-size:75%;text-align:right}.prfSlctSSubmit{text-align:right}.prfSlctSSubmit input{width:67px;height:27px;border:none;background:none;text-indent:-9999px;background-image:url("https://s.yimg.jp/images/ks/official/nt/img_prfSlctSSprite.png");cursor:pointer}#prfSlctSColle .prfSlctSSubmit input{background-position:-620px 0}#prfSlctSColle .prfSlctSDisable input{background-position:-690px 0}#prfSlctSVote .prfSlctSSubmit input{background-position:-760px 0}#prfSlctSGood .prfSlctSSubmit input{background-position:-900px 0}.prfSlctSSent{display:none;margin:100px 0;padding:10px 5px;background-color:#f2f2f2;text-align:center}.prfSlctSSent p{font-size:75%}.prfSlctSSent p.prfSSSTitle{margin-bottom:10px;font-size:81.25%;font-weight:bold}#pssMdl{z-index:350} #my-module{background-color:#eee;border-bottom:#b2a8d2 1px solid;padding:5px 10px}body.confirmation #my-module{border-bottom:none}#my-module .my-module-loginarea{float:left;font-size:81.25%}#my-module .my-module-loginarea strong{font-weight:bold}#my-module .my-module-loginarea a{margin:0 5px}#my-module .my-module-widelink{float:right;font-size:81.25%}#my-module .my-module-widelink a{margin:0 5px}#ks-qcon{background-color:#d1c6f2;border-bottom:1px solid #B2A8D2;position:relative;padding:10px;margin-bottom:5px;zoom:1}#ks-qcon form fieldset legend,#ks-qcon form fieldset input,#ks-qcon form fieldset label,#ks-qcon form fieldset span,#ks-qcon form fieldset a{font-size:81.25%}#ks-qcon form fieldset span{margin:0 2px}#ks-qcon .question-right-now{position:absolute;top:1.8em;left:810px;width:120px;background-color:#eee;border:1px solid #555}#ks-qcon .question-right-now p{border-top:#fff 2px solid;border-bottom:#ccc 2px solid;padding:0}#ks-qcon .question-right-now p a{display:block;text-align:center;font-size:81.25%}*:first-child+html #ks-qcon form fieldset input{height:1.23em}*:first-child+html #ks-qcon form fieldset span+input{height:1.70em}*:first-child+html #ks-qcon form fieldset p+p{height:1.07em} #header #common-navi.qanote{zoom:1;position:relative}.qanote .navi-menu1{height:27px;background:url(https://s.yimg.jp/images/ks/official/navi/bg_gr_x.png) repeat-x 0 -1px;position:relative;z-index:350}.qanote .navi-menu1 ul#navi-tab{float:left}.qanote .navi-menu1 ul#navi-tab li{float:left}.qanote .navi-menu1 ul#navi-tab li.tab-top em,.qanote .navi-menu1 ul#navi-tab li.tab-cat em,.qanote .navi-menu1 ul#navi-tab li.tab-atool em,.qanote .navi-menu1 ul#navi-tab li.tab-rank em,.qanote .navi-menu1 ul#navi-tab li.tab-qa em{height:27px;display:block;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat 0 0;outline:none}.qanote .navi-menu1 ul#navi-tab li.tab-top a.tab-name,.qanote .navi-menu1 ul#navi-tab li.tab-cat a.pulldown-btn,.qanote .navi-menu1 ul#navi-tab li.tab-atool a,.qanote .navi-menu1 ul#navi-tab li.tab-rank a,.qanote .navi-menu1 ul#navi-tab li.tab-qa a{height:27px;display:block;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat 0 0;outline:none}.qanote .navi-menu1 ul#navi-tab li.tab-top a.tab-name{background-position:0 0;width:106px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-top a.tab-name:hover{background-position:0 -27px;width:106px}.qanote .navi-menu1 ul#navi-tab li.tab-top em{background-position:0 -27px;width:106px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-cat{position:relative}.qanote .navi-menu1 ul#navi-tab li.tab-cat a.pulldown-btn{background-position:-106px 0;width:105px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-cat a.pulldown-btn:hover{background-position:-106px -27px;width:105px}.qanote .navi-menu1 ul#navi-tab li.tab-cat em{background-position:-106px -27px;width:105px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-atool a{background-position:-211px 0;width:112px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-atool a:hover{background-position:-211px -27px;width:112px}.qanote .navi-menu1 ul#navi-tab li.tab-atool em{background-position:-211px -27px;width:112px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-rank a{background-position:-543px 0;width:108px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-rank a:hover{background-position:-543px -27px;width:108px}.qanote .navi-menu1 ul#navi-tab li.tab-rank em{background-position:-543px -27px;width:108px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-qa a{background-position:-435px 0;width:108px;text-indent:-9999px}.qanote .navi-menu1 ul#navi-tab li.tab-qa a:hover{background-position:-435px -27px;width:108px}.qanote .navi-menu1 ul#navi-tab li.tab-qa em{background-position:-435px -27px;width:108px;text-indent:-9999px}.qanote .navi-menu1 p.tab-mychie{float:right;text-indent:-9999px}.qanote .navi-menu1 p.tab-mychie a{display:block;width:110px;height:27px;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -323px 0;outline:none}.qanote .navi-menu1 p.tab-mychie a:hover{background-position:-323px -27px}.qanote .navi-menu1 p.tab-mychie em{display:block;width:110px;height:27px;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -323px -27px}.qanote .navi-menu1 p.new-registration{float:right;text-indent:-9999px}.qanote .navi-menu1 p.new-registration a{display:block;width:181px;height:27px;background:url(https://s.yimg.jp/images/ks/official/navi/btn_topregistration.png) no-repeat 0 0;outline:none}.qanote .navi-menu1 p.new-registration a:hover{background-position:0 -27px}.qanote .navi-menu1 dl#openpulldown1{clear:both;width:200px;padding:1px 3px 6px 3px;position:absolute;top:27px;left:-1px;background:url(https://s.yimg.jp/images/ks/official/navi/back_pd_sdw.png) no-repeat left bottom;_background:url(https://s.yimg.jp/images/ks/official/navi/back_pd_sdw_ie.gif) no-repeat left bottom;font-size:81.25%;line-height:1.22}.qanote .navi-menu1 dl#openpulldown1 dt{text-indent:-9999px;border-top:1px solid #d5bff9;height:1px;width:195px;margin:-1px 0px -1px -2px;font-size:1px;overflow:hidden}.qanote .navi-menu1 dl#openpulldown1 dd{border-bottom:1px dotted #999;padding:1px;margin-right:10px}.qanote .navi-menu1 dl#openpulldown1 dd.catlist-link{border-bottom:none}.qanote .navi-menu1 dl#openpulldown1 dd a{padding:3px 0;display:block;outline:none;text-decoration:none}.qanote .navi-menu1 dl#openpulldown1 dd a:hover{background-color:#ffe9a6;text-decoration:underline}.qanote .navi-menu1 dl#openpulldown1 dd.catlist-link{background-color:#f0f0f0;text-align:right;margin-top:1px}.qanote .navi-menu1 dl#openpulldown1 dd.catlist-link a{padding-right:2px}.qanote .navi-menu1 #openpulldown1 li.catlist-link{border:none;border-top:1px solid #fff;background-color:#f0f0f0;text-align:right}.qanote .navi-nenu-midwrap{position:relative;background-color:#f4f3f0;border:1px solid #c6c4b7;border-top:none;padding:0px 7px 3px;_padding-bottom:0px;margin-bottom:5px;z-index:346}.qanote .clrb{clear:both}.qanote .clrb hr{display:none}.qanote .navi-menu2{font-size:75%;padding-top:3px;position:relative}.qanote .navi-menu2 fieldset{float:left;width:100%;margin-top:2px}#common-navi.qanote .search-box{background-color:#d5bff9;padding:3px 2px 3px 3px;margin-bottom:3px;margin-top:3px;float:left}#common-navi.qanote .search-opt{float:left;padding:9px 7px 7px 6px;width:125px}#common-navi.qanote .search-txt,#common-navi .search-txt{width:207px;padding:2px 5px 3px;margin-right:3px;border:none;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat 0 -132px;vertical-align:middle;height:20px;float:left;line-height:1.5}.qanote .search-btn{width:58px;height:25px;background:#fff9cf url(https://s.yimg.jp/images/ks/official/navi/bg_gr_x.png) repeat-x 0 -28px;border:none;font-weight:bold;cursor:pointer;vertical-align:middle;overflow:hidden;float:left;letter-spacing:0.3em}#header .qanote .selectOpt{float:left;height:25px;border:1px solid #999;margin-right:3px;padding:2px 0}.qanote .select-box{clear:both}.qanote .select-box p{float:left;width:425px;padding-top:3px}.qanote .select-box .hot-query{float:left;width:525px;padding-top:5px}.qanote .select-box .hot-query p{float:none;width:auto;padding-top:0;margin-bottom:3px;display:inline-block}.qanote .select-box .hot-query ul{display:inline-block}.qanote .select-box .hot-query ul li{display:inline-block;margin:0 0 3px 3px;vertical-align:middle}.qanote .select-box .hot-query ul li a{display:block;padding:5px;background-color:#fff;border:1px solid #ccc;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.qanote .select-box .hot-query ul li a:hover{text-decoration:underline}.qanote .select-box input{vertical-align:middle}.qanote .navi-menu3{position:relative;float:right;width:509px}.qanote .hot-query-box .navi-menu3{width:409px}.qanote .qa-box{height:36px;width:377px;float:right}.qanote .qa-box p{float:left}.qanote .qa-box.noteOff p,.qa-box.noteOff p{float:right}.qanote .qa-box p a{background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat 0 0;display:block;width:186px;height:36px;text-indent:-9999px;outline:none}.qanote .qa-box p.q-btn a{background-position:0 -56px}.qanote .qa-box p.q-btn a:hover{background-position:-188px -56px}.qanote .qa-box p.n-btn a{background-position:0 -94px}.qanote .qa-box p.n-btn a:hover{background-position:-188px -94px}#common-navi.qanote .yjlogin-box{padding-right:6px;zoom:1}#common-navi.qanote .yjlogin-box:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#common-navi.qanote .yjlogin-box .yjloginList{float:right;margin:0 10px 0 1px;zoom:1}#common-navi.qanote .yjlogin-box .yjloginList:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#common-navi.qanote .yjlogin-box .yjloginList li{float:left;padding-right:4px}#common-navi.qanote .yjlogin-box .yjloginList li a{position:relative;display:block;width:24px;height:24px;padding:4px;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -376px -125px;outline:none}#common-navi.qanote .yjlogin-box .yjloginList li a span{position:absolute;top:-1px;left:14px;display:block;width:22px;height:19px;background:url(https://s.yimg.jp/images/ks/official/navi/icon_cmn_notice_set.png) no-repeat 0 0;text-indent:-9999px}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc1{background-position:-58px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc2{background-position:-85px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc3{background-position:-112px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc4{background-position:-139px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc5{background-position:-166px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc6{background-position:-193px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc7{background-position:-220px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc8{background-position:-247px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc9{background-position:-274px 0}#common-navi.qanote .yjlogin-box .yjloginList li a span.ntc9ov{background-position:-301px 0}#common-navi.qanote .yjlogin-box .navNoticeIcon{display:block;float:right;width:53px;height:19px;margin-top:6px;background:url(https://s.yimg.jp/images/ks/official/navi/icon_cmn_notice_set.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden}#common-navi.qanote .yjlogin-box .navRegLink{float:right;margin-top:8px}#common-navi.qanote .navInfoWrap{position:absolute;display:none;top:26px;left:0px;padding-left:10px;background:url(https://s.yimg.jp/images/ks/official/navi/navi_info_l.png) no-repeat top left;_background:url(https://s.yimg.jp/images/ks/official/navi/navi_info_l.gif) no-repeat top left;word-break:break-all;word-wrap:break-word;z-index:346;text-align:center}#common-navi.qanote .navInfoWrap .navInfoArr{position:absolute;top:-7px;margin:0 auto}#common-navi.qanote .navInfoInn{padding:7px 10px 0 0;height:31px;background:url(https://s.yimg.jp/images/ks/official/navi/navi_info_r.png) no-repeat top right;_background:url(https://s.yimg.jp/images/ks/official/navi/navi_info_r.gif) no-repeat top right;white-space:nowrap}#common-navi.qanote .yjlogin-box .yjloginList .navInfoInn li{float:none;display:inline}#common-navi.qanote .yjlogin-box .yjloginList .navInfoInn li img{padding-right:3px;vertical-align:bottom}#common-navi.qanote .yjlogin-box .yjloginList .navInfoInn li.naviInfoLife img{padding-right:0}.qanote .navi-menu4{position:relative}.qanote .navi-menu4 #cat-pass{float:left;width:auto;_padding-bottom:10px}*:first-child+html .qanote .navi-menu4 #cat-pass{padding-bottom:10px}.navi-menu4 #cat-pass{width:auto}.navi-menu4 #cat-pass div,.navi-menu4 #cat-pass span{float:left}.qanote .navi-menu4 #cat-pass div,.qanote .navi-menu4 #cat-pass span{float:left}.qanote .navi-menu4 #cat-pass span{padding:0 3px}.qanote .navi-menu4 #cat-pass strong{font-weight:normal}.qanote .navi-menu4 #cat-pass img{position:relative;top:2px;left:2px;margin-left:3px}.qanote .navi-menu4 #catepass-b,.qanote .navi-menu4 #catepass-m,.qanote .navi-menu4 #catepass-s{position:relative;top:-1px}.qanote .navi-menu4 .randomqa{float:right;font-size:81.25%;width:140px;text-align:right;margin-bottom:10px}.qanote .navi-menu4 .randomqa a{float:right}.qanote .navi-menu4 .randomqa a span{background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -376px -76px;overflow:hidden;outline:none;padding-left:19px;cursor:pointer;display:block;padding-bottom:1px}.qanote .navi-menu4 #catepass-b,.qanote .navi-menu4 #catepass-m,.qanote .navi-menu4 #catepass-s{position:relative;z-index:345}.qanote .navi-menu4 #openpulldown2,.qanote .navi-menu4 #openpulldown3,.qanote .navi-menu4 #openpulldown4,#cat-pass dl dd ul{padding:1px 3px 6px 3px;position:absolute;background:url(https://s.yimg.jp/images/ks/official/navi/back_pd_sdw.png) no-repeat left bottom;_background:url(https://s.yimg.jp/images/ks/official/navi/back_pd_sdw_ie.gif) no-repeat left bottom}#common-navi.qanote .navi-menu4 dt{text-indent:-9999px;border-top:1px solid #d5bff9;height:1px;font-size:1px;width:195px;margin:-1px 0px -1px -2px;overflow:hidden}.qanote .navi-menu4 #openpulldown2 dd,.qanote .navi-menu4 #openpulldown3 dd,.qanote .navi-menu4 #openpulldown4 dd,#cat-pass dl dd ul li{position:relative;border-bottom:1px dotted #999;padding:1px;margin-right:10px}.qanote .navi-menu4 #openpulldown2 dd.pulldown-btm,.qanote .navi-menu4 #openpulldown3 dd.pulldown-btm,.qanote .navi-menu4 #openpulldown4 dd.pulldown-btm{border-bottom:none}.qanote .navi-menu4 #openpulldown2 dd a,.qanote .navi-menu4 #openpulldown3 dd a,.qanote .navi-menu4 #openpulldown4 dd a{padding:3px 0;display:block;outline:none;text-decoration:none}.qanote .navi-menu4 #openpulldown2 dd a:hover,.qanote .navi-menu4 #openpulldown3 dd a:hover,.qanote .navi-menu4 #openpulldown4 dd a:hover{background-color:#ffe9a6;text-decoration:underline}.qanote .navi-menu4 #openpulldown2{top:1.2em;left:0;width:200px}.qanote .navi-menu4 #openpulldown3{top:1.2em;left:0;width:200px}.qanote .navi-menu4 #openpulldown4{top:1.2em;width:200px;left:0}#cat-pass dl dd ul{display:none;position:absolute;width:150px;top:5px;left:175px;border-top:1px solid #D5BFF9;border-left:1px solid #D5BFF9;background-color:#fff;background-position:right bottom;z-index:346;font-weight:normal}#cat-pass dl dd ul ul{position:absolute;width:150px;top:5px;left:125px;background-color:#fff;background-position:right bottom}.pd-active{display:block;margin:5px 0;font-weight:bold}.common-navi-jsoff,.common-navi-jsoff2{font-size:81.25%;color:#333333;text-align:left}.common-navi-jsoff2{text-indent:1em}.s115{padding:16px 0 16px 0}.s115 ul li{list-style-position:inside;list-style-type:disc;padding-left:40px}.s115 ul ul li{list-style-type:circle;padding-left:40px}#alert-wrap{margin-bottom:10px}.ntc-art-on #alert-wrap-inn{background:url(https://s.yimg.jp/images/ks/official/nt/back_alert_top.gif) no-repeat top left;_height:1%}.ntc-art-on #alert-wrap-inn-btm{background:url(https://s.yimg.jp/images/ks/official/nt/back_alert_btm.gif) no-repeat bottom left}#alert-wrap dl{padding-bottom:5px;line-height:1.22}#notice-inn{width:370px;float:left;padding-bottom:10px}#notice-inn dl{margin:1px;min-height:66px;height:auto !important;height:66px}#notice-inn dt{padding:5px 8px 4px 8px;margin-bottom:5px;font-size:87.5%;font-weight:bold;background-color:#f2effa;border:1px solid #fff}#alert-inn{width:570px;float:right;padding-bottom:10px}#alert-inn dl{padding:0px;margin:0px;min-height:68px;height:auto !important;_height:66px}#alert-inn dt{padding:7px 8px 0px 10px;margin-bottom:5px;font-size:87.5%;font-weight:bold}#notice-inn dd,#alert-inn dd{padding:0.4em 10px 0 15px;font-size:81.25%;margin:0px}#notice-inn dd a{color:#ff3300}.art-on #alert-inn,.ntc-on #notice-inn{width:948px;_width:950px}.art-on #notice-inn,.ntc-on #alert-inn{display:none}.art-on #alert-inn{border:1px solid #c6c4b7;background-color:#f4f3f0}.ntc-on #notice-inn{border:1px solid #ada5d1}.ntc-on #notice-inn dl{margin:0px}.grade-up{background-color:#ffcc33;padding:2px;vertical-align:middle}#myspace_prof_edit form{margin-bottom:0}#selectQn{display:block;float:left;position:relative;margin-right:3px;width:96px;height:25px;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -220px -132px}#selectQn span a{display:block;height:15px;width:90px;padding:5px 0 5px 6px;text-decoration:none;color:#000;font-size:107.7%}#selectQn span.a{position:absolute;top:0;left:0}#selectQn span.na{display:none;position:absolute;top:25px;left:0;background-color:#fff;border:1px solid #999;margin-top:2px}#selectQn span.na a{width:88px;height:13px}#selectQn span.na a:hover{background-color:#ffe9a6}#selectQn span.a{display:block}.JsOffMsgInn{background:#c00 url(https://s.yimg.jp/images/ks/official/top/back_round.png) no-repeat scroll -280px -6px}.JsOffMsgTop{color:#FFFFFF;font-weight:bold;padding:10px 10px 5px}.JsOffMsgTxt{color:#FFFFFF;font-size:81.25%;padding:5px 10px 4px}.JsOffMsgTxt a{color:#fff}.jsOffMsgBtm{background:#c00 url(https://s.yimg.jp/images/ks/official/top/back_round.png) no-repeat scroll -280px 0;height:6px;margin-bottom:10px}.jsOffMsgBtm hr{display:none}#scrollHeader{display:none;position:fixed;top:0;left:0;width:100%;z-index:1000;border:1px solid #c6c4b7;background-color:#F4F3F0;padding:3px 7px}#scrollHeader .fieldset{width:950px;margin:0 auto;padding:0;display:block}#scrollHeader .search-box{background-color:#D5BFF9;padding:3px;margin:3px 0;float:left}#scrollHeader .search-txt{width:306px;padding:4px 5px 3px;margin:0 3px 0 0;border:none;vertical-align:middle;height:20px;float:left;line-height:1.5}#scrollHeader .search-txt :hover{background-color:#ffffdd}#scrollHeader .search-btn{width:58px;height:27px;background:#FFE258 url(https://s.yimg.jp/images/ks/official/nt/bg_scrollHeader_btn.png) repeat-x;border:1px solid #999;font-weight:bold;cursor:pointer;vertical-align:middle;overflow:hidden;float:left;letter-spacing:0.3em;font-size:13px}#scrollHeader .search-opt{float:left;font-size:75%;padding:5px 0 0;margin:8px 0 0 5px}#scrollHeader .qa-box{height:36px;float:right;margin:2px 8px 0 0}#scrollHeader .qa-box p{float:left}#scrollHeader .qa-box p a{background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat;display:block;width:186px;height:36px;text-indent:-9999px;outline:none}#scrollHeader .qa-box p.q-btn a{background-position:0 -56px}#scrollHeader .qa-box p.q-btn a:hover{background-position:-188px -56px}#scrollHeader .qa-box p.n-btn a{background-position:0 -94px}#scrollHeader .qa-box p.n-btn a:hover{background-position:-188px -94px}@media print{#scrollHeader{display:none}}#common-navi .search-opt a{text-decoration:none;color:#333;background:url("https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png") no-repeat scroll -359px -187px transparent;padding-left:15px}#common-navi .search-opt a:hover{text-decoration:underline}.qanote .search-butn{width:80px;height:32px;background:url("https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png") no-repeat 0 -227px;border:none}.qanote .search-btn:hover{background:url("https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png") no-repeat 0px -261px}.qanote .search-btn{width:80px;height:33px;border:none;font-weight:bold;cursor:pointer;vertical-align:middle;overflow:hidden;float:left;letter-spacing:0.3em;text-indent:-9998px;background:url("https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png") no-repeat 0 -227px}#common-navi.qanote .search-box{background-color:#a9a9a9}#common-navi.qanote .search-opt{float:left;padding:11px 7px 7px 6px;width:80px}#common-navi.qanote .search-txt,#common-navi .search-txt{width:245px;margin-right:0;background:none;background-color:#fff;height:23px;float:left;font-size:15px;color:#cdcdcd}#common-navi .search-txt{width:245px;padding:2px 5px 3px;margin-right:3px;border:none;background-image:none;background-color:#fff;vertical-align:middle;height:23px;float:left;line-height:1.5}#common-navi .search-txt:hover{background-color:#ffffdd}#common-navi .searchBottun{float:left;line-height:1.22;margin-bottom:3px;margin-top:1px;padding:3px 2px 3px 5px}#selectQn{display:block;float:left;position:relative;margin-right:1px;width:100px;height:28px;margin-left:3px;background-color:#fff;background:url(https://s.yimg.jp/images/ks/official/navi/bg_navi_btns_mod6.png) no-repeat -252px -190px}#selectQn span.na a{width:94px;height:18px}#selectQn span.na a:hover{background-color:#ffffdd}#selectQn span.a{display:block} .contents-pass{width:100%;text-align:center;margin-bottom:0.5em;font-size:93%}#link .contents-pass{padding:20px 0 10px}.contents-pass p{margin-left:auto;margin-right:auto}.contents-pass p a{margin-left:0.3em;margin-right:0.3em}.yjGuid{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}.yjSkip{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px} #f-promo{padding:20px 0;text-align:center;zoom:1}.promo-border-b{border-bottom:solid 1px #ccc}.promo-border-t{margin:1em 0 0 0;border-top:solid 1px #ccc}#f-promo img{border:0} .Extends-sub-module{margin-bottom:10px}.coo-sub-module{margin-bottom:10px;background:url(https://s.yimg.jp/images/ks/official/qa/bg_cooperation.png) -300px bottom no-repeat;min-height:50px}.coo-sub-module h3{background:url(https://s.yimg.jp/images/ks/official/qa/bg_cooperation.png) left top no-repeat;padding:3px 0pt 3px 15px;font-size:81.25%}.coo-container{padding:10px 15px} #service-container{margin-bottom:10px}#service-container ul li{font-size:81.25%;border:1px solid #ccc;padding:5px;margin-bottom:3px;line-height:2}#service-container ul li:after{content:'.';display:block;clear:both;height:0;visibility:hidden}#service-container ul li{zoom:1}#service-container ul li a{float:left}#service-container ul li img{margin-right:10px}#banner-area{text-align:center} /*== common_module end ==*/ /*== list contents_module start ==*/ /***** collabo *****/ /*================================= list_base-start 　template : list =================================*/ body,select,input,textarea{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic',Helvetica,Arial,sans-serif; } .yj950-2 #contents-body{ word-break:break-all; word-wrap:break-word; } .mainTitle{ border-top:3px solid #eaeaea; box-shadow:0 -1px #ddd; } .mainTitle h1{ float: left; padding: 15px 0; font-size: 175%; font-weight: bold; line-height: 1.4; } /*お気に入りボタン*/ .mainTitle .favoriteBtn{ position: relative; float: right; margin-top: 17px; } .mainTitle .favoriteBtn .favoriteBtnTxt{ padding: 5px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; font-size:81.25%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .mainTitle .favoriteBtn .favoriteBtnTxt span{ content: "★"; color:#aaa; line-height: 18px; vertical-align: middle; font-size:18px; -webkit-transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; } .mainTitle .favoriteBtn.on .favoriteBtnTxt span{ color:#FECA00; } .mainTitle .favoriteBtn .favoriteBtnTxt:active span{ -webkit-transform: scale(1.5); transform: scale(1.5); } .mainTitle .favoriteBtn.on .favoriteBtnTxt:active span{ -webkit-transform: none; transform: none; } .mainTitle .favoriteBtn .favoriteNotice{ display: none; position: absolute; top: 35px; right: 0px; width: 350px; padding: 15px 10px; background-color: #eaeaea; border: 2px solid #ccc; box-shadow: 0px 0px 0px 1px #fff inset, 0px 1px 1px 0px rgba(0,0,0,0.2); font-size: 94%; z-index: 301; } .mainTitle .favoriteBtn .favoriteNotice h2{ margin-bottom: 20px; font-weight: bold; } .mainTitle .favoriteBtn .favoriteNotice h2 em{ color: #cc0000; } .mainTitle .favoriteBtn .favoriteNotice .favoriteNoticeLink{ margin-top: 20px; text-align: center; } .mainTitle .favoriteBtn .favoriteNotice .favoriteNoticeClose{ position: absolute; top: 10px; right: 10px; width: 24px; height: 23px; background: url(https://s.yimg.jp/images/ks/pc/common/ico_close.png) no-repeat center center; border: 3px solid #ccc; cursor: pointer; } .mainTitle .favoriteBtn .favoriteNotice .favoriteNoticeClose span{ display: block; height: 0; text-indent: -9999px; } /*.display-switch*/ .yj950-2 #contents-body #main .display-switch{ position: relative; top: -10px; font-size: 81.25%; } .yj950-2 #contents-body #main .display-switch em{ margin:0 3px; } .yj950-2 #contents-body #main .display-switch a{ margin:0 3px; } /**/ body.yj950-2 #contents #contents-body #main-wrapper{ width:638px; float:left; } .yj950-2 #contents-body #main{ _overflow:hidden; } body #contents-body #sub{ _overflow:hidden; } a{ text-decoration:none; } a:hover{ text-decoration:underline; } a.my-user-name { background-color:#E1FFF4; } body#list-srp #listbox .qa-list ul li dl dd a.my-user-name{ background-color:#E1FFF4; } body#list-srp #listbox .qa-list ul li dl dd.maincat{ margin:3px 0 0; } /* .cate-intro */ .cate-intro{ margin-bottom: 7px; font-size: 81.25%; } /*================================= list_base-end 　template : list =================================*/ /***** list-title *****/ /*================================= list-title-start template : list =================================*/ .listTitleWrap{ padding: 0 0 2px 10px; margin-bottom: 10px; background: url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) repeat-x 0 20px; } #listTopNote.listTitleWrap{ margin-bottom: 0; } #listTopNote h2{ float: left; width: 138px; height: 20px; background: url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) no-repeat 0 -7px; overflow: hidden; text-indent: -9999px; } #listTopNote p{ float: right; margin-right: 10px; _margin-right: 5px; font-size: 81.25%; } #listTopNote p a{ margin: 0 3px; } #listTopQa h2{ width: 65px; height: 20px; background: url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) no-repeat 0 -32px; overflow: hidden; text-indent: -9999px; } .listInfo { margin-bottom:10px; font-size:81.25%; } /* 大カテトップ　サブモジュールQAorノート判別画像 */ .cateTopSubMod{ position: relative; } .cateTopSubMod .listMarkQa{ position: absolute; top: 2px; left: 254px; width: 38px; height: 20px; background: url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) no-repeat 0 -57px; overflow: hidden; text-indent: -9999px; } .cateTopSubMod .listMarkNote{ position: absolute; top: 4px; left: 254px; width: 38px; height: 20px; background: url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) no-repeat -43px -57px; overflow: hidden; text-indent: -9999px; } .cateTopSubMod #chigai, .cateTopSubMod #listRankMod{ zoom: 1; } /* clearfix! */ .listTitleWrap:after{ display: block; visibility: hidden; clear: both; height: 0; content: "."; } /* for Win IE5.5-7 */ .listTitleWrap{ zoom:1; } /*================================= list-title-end template : list =================================*/ /***** recom-con_module *****/ /*================================= recom-con -start 　template : list =================================*/ div#recom-con { background:url(https://s.yimg.jp/images/ks/official/list/bg_recomcon-b.png) left bottom no-repeat; margin-bottom:10px; } div#recom-con #recom-inn { background:url(https://s.yimg.jp/images/ks/official/list/bg_recomcon-t.png) left top no-repeat; padding:20px 0 15px 15px; } div#recom-con h2 { font-weight:bold; color:#000; margin-bottom:10px; } div#recom-con .sp-dis { font-size:13px; margin-bottom:5px; /*line-height:1.3;*/ padding-right:20px; } div#recom-con .sp-img { width:122px; float:left; margin-right:8px; margin-bottom:5px; padding-top:5px; } div#recom-con .sp-img img { border:1px solid #e0e0e0; } /* 知恵ノート用 */ div#recom-con .sp-title-img3 .sp-img { width:122px; float:left; margin-right:8px; margin-bottom:5px; padding-top:5px; } div#recom-con .sp-title-img3 .sp-img img{ padding: 5px; border-color: #C9C1B4 #BAB3A7 #BAB3A7 #C9C1B4; border-style: solid; border-width: 1px 2px 2px 1px; } div#recom-con .sp-title-img3 ul li { margin-right: 0; width: 475px; } div#recom-con .sp-title2 ul li{ margin-right: 0; width: 600px; } /* //知恵ノート用ここまで */ div#recom-con .free-space { clear:both; width:590px; text-align:right; font-size:13px; margin-bottom:10px; } div#recom-con .free-space a { color:#777777; } div#recom-con ul { float:left; width:480px; margin-bottom:10px; } div#recom-con ul li { float:left; margin-right:20px; padding-bottom:5px; padding-top:5px; border-bottom:dotted 1px #CCCCCC; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 10px; width:220px; _width:210px; max-height:2.25em; overflow:hidden; font-size:13px; } div#recom-con ul li.sp-list-end { border:none; } div#recom-con ul li a { padding-left:10px; } div#recom-con dl { width:590px; float:left; clear: both; } div#recom-con dl dt { display:block; text-indent:80px; height:20px; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 -80px; } div#recom-con dl dt span { height: 18px; font-size:13px; text-indent:80px; display:block; padding-top:2px; font-weight:bold; } div#recom-con dl dd { color:#000; display:inline; font-size:13px; } div#recom-con .recom-p dl dd{ _position: relative; } /*== 各モジュールごとのパッチ ==*/ /*== div#recom-con.sp-text-img ==*/ div#recom-con .sp-title-img1 ul li { width:465px; margin-right:0; } /*== div#recom-con.sp-text ==*/ div#recom-con.sp-text ul { padding-left:15px; } div#recom-con.sp-text ul li { width:580px; margin-right:0; } /*== div#recom-con.sp-title ==*/ div#recom-con.sp-title ul { padding-left:15px; width:600px; } div#recom-con.sp-title ul li { width:280px; } /* 太鼓判アーカイブ用 */ div#recom-con{ position: relative; width: 638px; overflow: hidden; } div#recom-con #recom-inn{ width: 3190px; _width: 3500px;/*IE6*/ min-height: 16em; height: auto !important; _height: 19em;/*IE6*/ } .sp-title, .sp-title2, .sp-title-img1, .sp-title-img2, .sp-title-img3{ float: left; width: 615px; margin-right: 20px; _margin-right: 15px; } #recom-slide{ position: relative; _position: absolute;/*IE6*/ _margin:20px 0 15px 20px;/*IE6*/ top: 0; left: 0; } div#recom-con .sp-title ul{ width: 600px; } div#recom-con .sp-title ul li{ width: 280px; } /*ボタン*/ #numBtnWrap{ height: 33px; margin: 7px; background-color: #eaeaea; border-top: 1px solid #ccc; } div#recom-con dl#numBtnInn{ display: none; width: 16em; margin: 5px 5px 13px 5px; _margin-top: 0px;/*IE6*/ float: left; } *:first-child+html div#recom-con dl#numBtnInn{ margin-top: 0px; } div#recom-con dl#numBtnInn dt{ background: none; font-size: 13px; height: 1em; padding-top: 2px; _margin-top: 5px;/*IE6*/ margin-right: 7px; text-indent: 0; float: left; } *:first-child+html div#recom-con dl#numBtnInn dt{ margin-top: 3px; } div#recom-con dl#numBtnInn dd.numBtn{ display: block; margin-left: 5px; float: left; _width: 24px;/*IE6*/ _position: relative;/*IE6*/ _top: 5px;/*IE6*/ text-align: center; } *:first-child+html div#recom-con dl#numBtnInn dd.numBtn{ position: relative; top: 5px; } div#recom-con dl#numBtnInn dd.numBtn a{ display: block; padding: 2px 5px 1px 6px; background-color:#fbfbfb; border: 1px solid #ccc; color: #333; text-decoration: none; font-weight: 700; cursor: pointer; zoom: 1; } div#recom-con dl#numBtnInn dd.numBtn a:hover{ background-color: #ff7d4e; color: #fff; } div#recom-con dl#numBtnInn dd.numBtn a.activeTaico{ margin-top: -6px; _margin-top: 0;/*IE6*/ padding: 9px 9px 1px 10px; background-color: #fff; border-top: none; color: #000; cursor: default; _position: relative;/*IE6*/ _top: -6px;/*IE6*/ } *:first-child+html div#recom-con dl#numBtnInn dd.numBtn a.activeTaico{ margin-top: 0; position: relative; top: -6px; } div#recom-con dl#numBtnInn dd.numBtn a.activeTaico:hover{ _background-color: #fff;/*IE6*/ _color: #000;/*IE6*/ } /* //太鼓判アーカイブ用 */ /*================================= recom-con -end 　template : list =================================*/ /***** cat-con_module *****/ /*================================= cat-con -start 　template : list =================================*/ div#cat-con{ /*background:url(https://s.yimg.jp/images/ks/official/list/bg_catcon.png) left bottom no-repeat;*/ margin-bottom:20px; }/*100118 gif⇒png*/ div#cat-con #cat-inn{ /*background:url(https://s.yimg.jp/images/ks/official/list/bg_catcon_t.png) left top no-repeat;*/ padding:10px 0; line-height:1.3; }/*100118 gif⇒png*/ div#cat-con h2 { font-size:85%; font-weight:bold; color:#000; margin-bottom:10px; margin-left:20px; } /*div#cat-con dl { display:inline; width:268px; _width:280px; float:left; margin-bottom:10px; _margin-bottom:0; padding-left:17px; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 -380px; margin-left:20px; }*/ div#cat-con .cat-col{ width:268px; _width:280px; float:left; margin-bottom:10px; _margin-bottom:0; margin-left:20px; } div#cat-con ul{ display:inline; } /**:first-child+html body div#cat-con dl { margin-bottom:0; }*/ *:first-child+html body div#cat-con .cat-col{ margin-bottom:0; } /*div#cat-con dl:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }*/ div#cat-con ul:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*div#cat-con dl { zoom:1 }*/ div#cat-con ul{ zoom:1 } /* floatclr end */ /*div#cat-con dl dt { font-size:87.5%; font-weight:bold; display:block; }*/ div#cat-con h3{ background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 -380px; padding-left:17px; font-size:87.5%; font-weight:bold; display:block; } /*div#cat-con dl dd { display:inline; font-size:81.25%; margin-right:10px; }*/ div#cat-con ul li{ display:inline; font-size:81.25%; margin-right:10px; } /*div#cat-con dl dd a { white-space:nowrap; }*/ div#cat-con ul li a{ white-space:nowrap; } hr.separation { display:none; } hr.grid-separation { float:left; visibility:hidden; width:600px; margin:0; padding:0; } div#cat-con p { text-align:right; font-size:81.25%; width:627px; clear:both; } div#cat-con p a { margin:0 3px; } div#cat-con p.catConLTxt{ text-align: left; padding-left: 20px; margin-bottom: -1em; } /*================================= cat-con -end 　template : list =================================*/ /***** yschnpg *****/ /*================================= yschnpg-start 　template : list =================================*/ /* yschnpg */ #yschnpg { text-align:right; font-size:81.25%; margin:-15px 0 5px; position: relative; } #yschnpg p.flip { } #yschnpg .prev { } #yschnpg .next { } #yschnpg .prev strong { font-weight:normal; } #yschnpg .next strong { font-weight:normal; } #yschnpg .sep { padding:0 5px; } /* yschnpg end */ /*================================= yschnpg-end 　template : list =================================*/ /***** yschpg *****/ /*================================= yschpg-start 　template : collabo =================================*/ /* yschpg */ #yschpg { padding-top:0.5em 0; text-align:center; margin-bottom:20px; zoom:1; } #yschpg p { font-size:100%; } #yschpg p br { display:none; } #yschpg span,#yschpg a { padding:0.25em 0.4em; margin:2px; border:1px solid #eee; zoom:1; } #yschpg span { background:#eee; font-weight:bold; } #yschpg #yschprvb { position:relative; left:0.15em; zoom:1; } #yschpg #yschnxtb a,#yschpg #yschprvb a { margin-right:0; _padding-bottom:0.1em; text-decoration:none; _height:1.35em; } *+html body #yschpg #yschnxtb a,*+html body #yschpg #yschprvb a { padding-top:0.2em; } #yschpg #yschnxtb a b,#yschpg #yschprvb a b { text-decoration:underline; } #yschpg #yschnxtb a span,#yschpg #yschprvb a span { padding:0; margin:0; background-color:transparent; border:0 none; font-weight:normal; font-family:Tahoma; line-height:1; zoom:1; } #yschpg a:hover { border-color:#00d; background:#039; color:#fff; } #yschpg #yschnxtb a:hover span,#yschpg #yschprvb a:hover span { border-color:#039; background:#039; color:#fff; } /* yschpg end */ /*================================= yschpg-end 　template : collabo =================================*/ /***** useful_module *****/ /*================================= useful-list -start 　template : list =================================*/ div#useful-list h2{ height: 14px; font-size:81.25%; font-weight:bold; color:#333; background:url(https://s.yimg.jp/images/ks/official/list/bg_list_set.png) repeat-x 0 -82px; padding:6px 0 6px 16px; overflow:hidden; } div#useful-list dl.usefulbox { line-height:1.6; padding:15px 15px 0 16px; border-bottom:1px solid #E3E3E3; border-top:1px solid #E3E3E3; margin-bottom:1px; word-break:break-all; word-wrap:break-word; } div#useful-list dl.ubend { border-bottom:none; } div#useful-list dl.usefulbox dt { font-size:87.5%; display:block; position:relative; height:48px; padding-left:48px; } div#useful-list dl.usefulbox dt img { padding:3px; border:1px solid #ccc; display:block; position:absolute; top:0; left:0; } div#useful-list dl.usefulbox dt a { padding-top:9px; } div#useful-list dl.usefulbox dd { font-size:81.25%; display:block; height:48px; } div#useful-list dl.usefulbox dd:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } div#useful-list dl.usefulbox dd:after { zoom:1; } div#useful-list dl.usefulbox dd span { float:left; padding-left:48px; height:48px; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 -160px; outline:none; overflow:hidden; } /*================================= useful-list -end 　template : list =================================*/ /***** list_tab *****/ /*================================= list_tab-start 　template : list =================================*/ #listtab{ z-index:300; position:relative; } #listtab .yui-nav{ z-index:250; } #listtab ul li{ font-size:81.25%; float:left; margin-right:3px; width:135px; height:29px; } #listtab ul li a , #listtab ul li em, #listtab ul li h2{ background:url(https://s.yimg.jp/images/ks/official/list/bg_tab.png) no-repeat left top; width:135px; height:29px; display:block; text-indent:-9999px; overflow:hidden; }/*100316 h2追加 以下同様*/ #listtab ul li.all-tab a{ background-position:0 0; } #listtab ul li.open-tab a{ background-position:-135px 0; } #listtab ul li.vote-tab a{ background-position:-270px 0; } #listtab ul li.resolved-tab a{ background-position:-405px 0; } #listtab ul li.all-tab a:hover{ background-position:0 -60px; } #listtab ul li.open-tab a:hover{ background-position:-135px -60px; } #listtab ul li.vote-tab a:hover{ background-position:-270px -60px; } #listtab ul li.resolved-tab a:hover { background-position:-405px -60px; } #listtab ul li#selected.all-tab a , #listtab ul li#selected.all-tab em, #listtab ul li#selected.all-tab h2{ background-position:0 -30px; border-bottom:1px solid #eff4fa; } #listtab ul li#selected.open-tab a , #listtab ul li#selected.open-tab em, #listtab ul li#selected.open-tab h2{ background-position:-135px -30px; border-bottom:1px solid #edf7e4; } #listtab ul li#selected.vote-tab a , #listtab ul li#selected.vote-tab em, #listtab ul li#selected.vote-tab h2{ background-position:-270px -30px; border-bottom:1px solid #eff8fb; } #listtab ul li#selected.resolved-tab a , #listtab ul li#selected.resolved-tab em, #listtab ul li#selected.resolved-tab h2{ background-position:-405px -30px; border-bottom:1px solid #fdeee3; } #listtab ul li#selected a{ cursor:default; } #listbox{ margin-bottom:10px; z-index:200; _margin-top:-1px; } #list-top #listbox{ _margin-top:0; } #listbox .qa-list{ display:none; padding-top:10px; } #listbox #open-tab{ display:block; } #listbox div#open-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box.png) no-repeat left top; }/*100118 gif⇒png*/ #listbox div#vote-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box.png) no-repeat -638px top; }/*100118 gif⇒png*/ #listbox div#resolved-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box.png) no-repeat -1276px top; }/*100118 gif⇒png*/ #listbox .qa-list ul li{ padding:5px 4px 10px 20px; background:transparent url(https://s.yimg.jp/images/ks/official/my/bg_bk_dotline.gif) repeat-x left bottom; zoom:1; } #listbox .qa-list ul li dl{ background:none; } #listbox .qa-list ul li.listend{ background-image:none; } #listbox .qa-list ul li a{ text-decoration:underline; padding-left:9px; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0px -300px; font-size:87.5%; } #listbox .qa-list ul li dl dt img{ margin-left:2px; } /** * リスト最終ページ用メッセージモジュール */ body#list-srp #listbox .note-list ul li .endMsg{ padding: 10px 5px; margin: 5px 5px 0 0; border: 1px solid #ccc; zoom: 1; } body#list-srp #listbox .note-list ul li .endMsg dl dt{ float: left; margin: 1px 4px 0 0; display: block; width: 12px; height: 12px; background: url(https://s.yimg.jp/images/ks/official/nt/icon_exclamation.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } body#list-srp #listbox .note-list ul li .endMsg:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } /** * カテゴリリストトップ */ /*== body#list-topのパッチ ==*/ body#list-top #listbox .qa-list{ padding-top:5px; } body#list-top #listbox .qa-list ul li{ padding:3px 4px 5px 20px; } body#list-top #listbox .qa-list ul li a{ text-decoration:none; font-size:81.25%; } body#list-top #listbox .qa-list ul li a:hover{ text-decoration:underline; } body#list-top #listbox .qa-list p{ text-align:right; font-size:81.25%; margin-right:10px; } body#list-top #listbox .qa-list p a{ margin:0 3px; } /* 知恵ノートリスト */ body#list-top #listboxNote .note-list{ padding-top:5px; } body#list-top #listboxNote .note-list ul li{ background: url(https://s.yimg.jp/images/ks/official/my/bg_bk_dotline.gif) repeat-x left bottom; padding:3px 4px 5px 20px; } body#list-top #listboxNote .note-list ul li a{ font-size:81.25%; background: url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0 -300px; padding-left: 9px; } body#list-top #listboxNote .note-list p{ text-align:right; font-size:81.25%; margin-right:10px; } #listboxNote.listNoteTopWrap{ margin-bottom: 20px; } /** * カテゴリリスト表記（カテゴリトップリスト表記、中小カテ） */ /*== body#list-srpのパッチ ==*/ body#list-srp #listbox #all-tab ul{ border-bottom:1px solid #B2A8D2; } body#list-srp #listbox #open-tab ul{ border-bottom:1px solid #89CF50; } body#list-srp #listbox #vote-tab ul{ border-bottom:1px solid #5AC0DA; } body#list-srp #listbox #resolved-tab ul{ border-bottom:1px solid #DDA36F; } body#list-srp #listbox div#all-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box2.png) no-repeat left top; } body#list-srp #listbox div#open-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box2.png) no-repeat -638px top; } body#list-srp #listbox div#vote-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box2.png) no-repeat -1276px top; } body#list-srp #listbox div#resolved-tab{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_box2.png) no-repeat -1914px top; } body#list-srp #listbox .qa-list ul li{ padding:7px 0 12px 5px; letter-spacing:0.05em; } body#list-srp #listbox .qa-list ul li.listend{ border-bottom:1px solid #D4D4D4; padding-bottom:15px; } body#list-srp #listbox .qa-list ul li a{ background-image:none; display:inline; padding-left:2px; } body#list-srp #listbox #all-tab ul li a{ margin-left:1px; } body#list-srp #listbox .qa-list ul li dl dt{ display:block; padding-left:9px; } body#list-srp #listbox .qa-list ul li dl dd{ font-size:75%; color:#777; padding-left:9px; display:block; line-height:1.4; } body#list-srp #listbox #all-tab ul li dl dd{ margin-left:54px; } body#list-srp #listbox .qa-list ul li dl dd img{ margin:0 2px; } body#list-srp #listbox .qa-list ul li dl dd a{ font-size:108%; color:#777; } body#list-srp #listbox .qa-list ul li dl dd a{ text-decoration:none; } body#list-srp #listbox .qa-list ul li dl dd a:hover{ text-decoration:underline; } /*== order-block周辺 ==*/ div.order-block{ height:22px; font-size:81.25%; position:relative; } .sortfunc{ margin-left:15px; } .sortfunc a , .sortfunc em , .sortfunc span{ margin:0 3px; } .sortfunc span{ color:blue; } .sortfunc span:hover{ text-decoration:underline; cursor:pointer; } .sortfunc a img{ margin:0 2px 0 0; } .rss{ height:17px; width:36px; position:absolute; top:0; left:596px; } .the-number{ padding-left:15px; font-size:81.25%; padding-top:2px; } /* QA-ノート切替タブ */ #listSwitchTab{ position: relative; top: -1px; margin-bottom: 10px; border-bottom: 1px solid #aaa; } #listSwitchTab li{ float: left; position: relative; top: 1px; } #listSwitchTab li.switchQa{ margin-right: 8px; } #listSwitchTab li.switchQa a{ display: block; width: 315px; height: 31px; background: url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat 0 -46px; overflow: hidden; text-indent: -9999px; } #listSwitchTab li.switchQa a:hover{ background-position: 0 -86px; } #listSwitchTab li.switchQa em{ display: block; width: 315px; height: 37px; background: url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -320px 0; overflow: hidden; text-indent: -9999px; } #listSwitchTab li.switchNote{ } #listSwitchTab li.switchNote em{ display: block; width: 315px; height: 37px; background: url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; } #listSwitchTab li.switchNote a{ display: block; width: 315px; height: 31px; background: url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -320px -46px; overflow: hidden; text-indent: -9999px; } #listSwitchTab li.switchNote a:hover{ background-position: -320px -86px; } /*================================= list_tab-end 　template : list =================================*/ /***** note *****/ /*================================= note -start 　template : list =================================*/ #subNoteLinkWrapper{ margin-bottom:10px; } #subNoteLinkWrap{ padding-bottom: 7px; background: url(https://s.yimg.jp/images/ks/official/note/bg_sub_notelink.png) no-repeat -600px bottom; } #subNoteLink{ width: 300px; word-break:break-all; word-wrap:break-word; background: url(https://s.yimg.jp/images/ks/official/note/bg_sub_notelink.png) repeat-y -300px 0; } #subNoteLinkInn{ padding-bottom: 7px; background: url(https://s.yimg.jp/images/ks/official/note/bg_hole_green.png) repeat-y 275px 0; text-align:center; } #subNoteLinkHeader{ padding: 10px 40px 0 10px; background: url(https://s.yimg.jp/images/ks/official/note/bg_sub_notelink.png) no-repeat 0 top; } #subNoteLinkHeader h3 { padding-bottom:5px; font-weight:bold; font-size:75%; border-bottom:1px dashed #999; } #subNoteLinkBn { padding:5px 40px 5px 10px; text-align:center; } #subNoteLinkInfo { padding:0 40px 0 10px; } #subNoteLinkInfo p { padding-top:5px; font-size:75%; border-top:1px dashed #999; } #notelisttab{ position: relative; top: 1px; } #notelisttab .new-tab h2{ width: 135px; height: 30px; background:url(https://s.yimg.jp/images/ks/official/list/tab_list_newnote.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; } #notelisttab .newnote-tab{ float: left; margin-right: 3px; } #notelisttab .adv-tab{ float: left; } #notelisttab .newnote-tab h2{ width: 135px; height: 29px; background:url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -645px 0; overflow: hidden; text-indent: -9999px; } #notelisttab .adv-tab h2{ width: 135px; height: 29px; background:url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -783px 0; overflow: hidden; text-indent: -9999px; } #notelisttab .newnote-tab a{ display: block; width: 135px; height: 29px; background:url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -645px -86px; overflow: hidden; text-indent: -9999px; } #notelisttab .newnote-tab a:hover{ background-position: -645px -46px; } #notelisttab .adv-tab a{ display: block; width: 135px; height: 29px; background:url(https://s.yimg.jp/images/ks/official/list/tab_list_switch.png) no-repeat -783px -86px; overflow: hidden; text-indent: -9999px; } #notelisttab .adv-tab a:hover{ background-position: -783px -46px; } #listbox .note-list{ display:none; padding-top:10px; } #listbox .note-list ul li{ padding:5px 4px 10px 20px; background:transparent url(https://s.yimg.jp/images/ks/official/my/bg_bk_dotline.gif) repeat-x left bottom; zoom:1; } #listbox .note-list ul li dl{ background:none; } #listbox .note-list ul li.listend{ background-image:none; } #listbox .note-list ul li a{ text-decoration:underline; padding-left:9px; background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 0px -300px; font-size:87.5%; } #listbox .note-list ul li dl dt img{ margin-left:2px; } body#list-srp #listbox .note-list ul li{ padding:7px 0 12px 5px; letter-spacing:0.05em; } body#list-srp #listbox .note-list ul li.listend{ border-bottom:1px solid #D4D4D4; padding-bottom:15px; } body#list-srp #listbox .note-list ul li a{ background-image:none; display:inline; padding-left:2px; } body#list-srp #listbox .note-list ul li .noteListImg a{ display:block; margin-left:0 !important; padding-left:0; } body#list-srp #listbox .note-list ul li dl dd { margin:0 !important; } body#list-srp #listbox .note-list ul li:after{ display: block; visibility: hidden; clear: both; height: 0; content: "."; } body#list-srp #listbox .note-list ul li .noteListImg{ } body#list-srp #listbox .note-list ul li .noteListImg .iconUseful{ display: block; margin: 5px auto; border: none; } /* for Win IE5.5-7 */ body#list-srp #listbox .note-list ul li{ zoom:1; } .noteListImg { float:left; width:80px; margin-right:10px; } .noteListImg img{ border:1px solid #B4A5A2; } body#list-srp #listbox .note-list ul li dl { float:left; width:541px; } body#list-srp #listbox .note-list ul li dl dt { } body#list-srp #listbox .note-list ul li dl dt a { margin:0 !important; padding:0; } body#list-srp #listbox .note-list ul li dl dd { font-size:75%; } body#list-srp #listbox .note-list ul li dl dd p { margin-bottom:3px; line-height:1.5; } body#list-srp #listbox .note-list ul li dl dd p.noteListInfo { margin:0; color:#777; } body#list-srp #listbox .note-list ul li dl dd p.noteListId{ margin-bottom: 5px; } body#list-srp #listbox .note-list ul li dl dd p.noteListId a { margin: 0; padding: 0; font-size:inherit; } body#list-srp #listbox .note-list ul li dl dd p.noteListInfo a { font-size:inherit; color: #777; } body#list-srp #listbox .note-list ul li dl dd p.noteListInfo a { font-size:inherit; color: #777; } body#list-srp #listbox .note-list ul li dl dd p.noteListCate { margin:0; color:#777; } body#list-srp #listbox .note-list ul li dl dd p.noteListCate a { margin: 0; padding: 0; font-size:inherit; color: #777; } .noteBn{ margin-bottom: 10px; } /* 130619 StepChips */ .iconStepChips { margin-right:5px; } .iconStepChips img{ vertical-align: -3px; } /*================================= note -end 　template : list =================================*/ /***** bridge *****/ /*================================= bridge-start 　template : list =================================*/ #bridge h1 { border-bottom:1px solid #000; font-weight:bold; margin-bottom:15px; } /*100118 gif⇒png*/ #bridge .bridge-con { background:url(https://s.yimg.jp/images/ks/official/qa/bg_confirmation-comment_frame.png) no-repeat left bottom; margin-bottom:25px; } /*100118 gif⇒png*/ #bridge .bridge-inn { background:url(https://s.yimg.jp/images/ks/official/qa/bg_confirmation-comment_frame.png) no-repeat left top; padding:35px 0 25px; } #bridge h2 { font-weight:bold; text-align:center; margin-bottom:30px; } #bridge .bridge-con ul { margin-bottom:30px; padding-left:215px; } #bridge .bridge-con ul li { list-style:disc; font-size:81.25%; } #bridge .bridge-agr { font-weight:bold; text-align:center; } #bridge .bridge-child { border:2px solid #ffe347; background:url(https://s.yimg.jp/i/icon/anshin_28.gif) 3px 8px no-repeat; padding:5px 0 5px 35px ; margin-bottom:60px; margin:0 auto; width:34em; font-size:81.25%; } /*================================= bridge-end 　template : list =================================*/ /***** category-list *****/ /*================================= category-list-start 　template : list =================================*/ #category-list { background:url(https://s.yimg.jp/images/ks/official/list/bg_category01.png) bottom left no-repeat #FEFEED; margin-bottom:10px; }/*100118 gif⇒png*/ #category-list h3 { font-size:81.25%; font-weight:bold; padding:10px 0 10px 15px; background:url(https://s.yimg.jp/images/ks/official/list/bg_category01.png) top left no-repeat; height:1em; color:#000; } #category-list ul.first-tree li span { display:block; padding-top:3px; padding-bottom:3px; } #category-list ul.first-tree li { zoom:1; } *:first-child+html #category-list ul.first-tree li ul li ul li { display:inline; width:300px; } #category-list ul.first-tree span { padding-left:30px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 16px -291px no-repeat; }/*100118 gif⇒png*/ #category-list ul.c-l-t span { padding-left:30px; background:url(https://s.yimg.jp/images/ks/official/list/icon_cate_arrow.png) 18px 8px no-repeat; }/*100118 gif⇒png*/ #category-list ul.first-tree li ul span { padding-left:45px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 31px 9px no-repeat; }/*100118 gif⇒png*/ #category-list ul.first-tree li ul span.second-open { background-position:31px -291px; } #category-list ul.first-tree li ul li ul span { padding-left:60px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 46px -591px no-repeat; }/*100118 gif⇒png*/ #category-list ul.first-tree span.category-now { display:block; border-top:#FFE8A2 1px solid; border-bottom:#FFE8A2 1px solid; margin:0 1px; background-color:#fff; background-image:none; } #category-list ul.first-tree span.category-now strong{ background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 0px -897px no-repeat; padding-left:12px; margin-left:-14px; font-weight:bold; color:#000; font-size:81.25%; } #category-list ul a { font-size:81.25%; } #category-list p { text-align:right; font-size:81.25%; margin:0 12px 10px 0; } #category-list p a { margin:0 3px; } /*================================= category-list-end 　template : list =================================*/ /***** category-master *****/ /*================================= #cate-m-e-c start 　template : list =================================*/ #cate-m-e , #cate-m-e-s { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category01.png) bottom left no-repeat #fff; margin-bottom:5px; }/*100118 gif⇒png*/ #cate-m-e h3 , #cate-m-e-s h3 { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category02.png) top left no-repeat; font-size:81.25%; padding:3px 0 3px 15px; color:#000; }/*100118 gif⇒png*/ #cate-m-e h4 , #cate-m-e-s h4 { font-size:81.25%; padding:3px 0 3px 15px; color:#000; text-indent:-9999px; background:url(https://s.yimg.jp/images/ks/official/list/icon_cate_master.png) no-repeat 2px top; } #cate-m-e h4.r-master , #cate-m-e-s h4.r-master { height:30px; background-position:2px 0; } #cate-m-e h4.s-master , #cate-m-e-s h4.s-master { height:30px; background-position:2px -480px; } #cate-m-e ol , #cate-m-e ul , #cate-m-e-s ol , #cate-m-e-s ul { padding:5px 15px 5px 10px; word-break:break-all; word-wrap:break-word; } #cate-m-e ol , #cate-m-e-s ol { border-bottom:dotted 1px #FFCC33; } #cate-m-e ol li , #cate-m-e-s ol li { background:url(https://s.yimg.jp/images/ks/official/list/icon_cate_master.png) no-repeat 2px -120px; padding-left:10px; }/*100118 gif⇒png*/ #cate-m-e ol li.r1 { background-position:2px -115px; } #cate-m-e ol li.r2 { background-position:2px -235px; } #cate-m-e ol li.r3 { background-position:2px -355px; } #cate-m-e ol li.r1 a , #cate-m-e ol li.r2 a , #cate-m-e ol li.r3 a , #cate-m-e ul li a { margin-right:3px; } #cate-m-e ol li , #cate-m-e ul li , #cate-m-e-s ol li , #cate-m-e-s ul li { position:relative; font-size:75%; margin-bottom:10px; } #cate-m-e ol li img , #cate-m-e ul li img { padding:3px; border:1px solid #ccc; display:block; position:absolute; top:0; left:20px; } #cate-m-e ol li img { _left:10px; } #cate-m-e ol li span { display:block; padding-top:10px; padding-left:58px; width:210px; _width:268px; height:2em; _padding-top:0px; } *+html #cate-m-e ol li span{ padding-top:0px; } #cate-m-e ul li span { display:block; padding-top:10px; _padding-top:0px; padding-left:68px; width:210px; _width:268px; height:2em; } *+html #cate-m-e ul li span{ padding-top:0px; } /*================================= #cate-m-e end 　template : list =================================*/ /*================================= #cate-m-e-s start 　template : list =================================*/ body#list-srp #cate-m-e-s ol li { height:1.54em; line-height:1; } #cate-m-e-s ol li.r1 { background-position:2px -600px; background-color:#fefeed; } #cate-m-e-s ol li.r2 { background-position:2px -720px; } #cate-m-e-s ol li.r3 { background-position:2px -840px; background-color:#fefeed; } #cate-m-e-s ol li.r1 a , #cate-m-e-s ol li.r2 a , #cate-m-e-s ol li.r3 a , #cate-m-e-s ul li a { margin-right:3px; } #cate-m-e-s ol li span { display:block; padding-left:23px; width:225px; _width:248px; } body#list-srp #cate-m-e-s ul li { background:url(https://s.yimg.jp/images/ks/official/list/icon_list_common.png) no-repeat 15px 2px; }/*100118 gif⇒png チャンク画像に変更*/ #cate-m-e-s ul li span { display:block; padding-left:33px; width:225px; _width:258px; } .ac-cate { text-align:right; font-size:81.25%; padding-right:5px; padding-bottom:5px; } /*================================= #cate-m-e-s end 　template : list =================================*/ /*================================= cate-m-m-start 　template : list =================================*/ #cate-m-m { background-color:#f8f7fc; position:relative; padding-bottom:10px; margin-bottom:10px; margin-left:50px; } #cate-m-m h3 { color:#000; font-size:75%; margin-left:5px; padding-top:5px; } #cate-m-m h3 a { margin-left:10px; } #cate-m-m .c-m-m-img { position:absolute; top:0; left:-50px; padding:3px; border:1px solid #ccc; background-color:#FFFFFF; display:block; } #cate-m-m dl { display:inline; margin-left:5px; } #cate-m-m dl dt { font-size:75%; display:inline; } #cate-m-m dl dd { font-size:75%; display:inline; } /*================================= cate-m-m-end 　template : list =================================*/ .update { text-align:right; font-size:81.25%; padding-right:5px; padding-bottom:5px; } /** .cate-help */ .cate-help { position: relative; z-index: 100; text-align:right; font-size:81.25%; padding-left:150px; padding-right:5px; padding-bottom:5px; } a.tool-tip { position:relative; text-decoration:none; outline:none; } a.tool-tip span { display:block; visibility:hidden; border:2px solid #ccc; background-color:#fff; padding:5px; text-align:left; position:absolute; top:17px; right:0; font-size:92.3%; } a.tool-tip:hover , .cate-help a.tool-tip:hover span { color:#000; visibility:visible; } /***** list-navi-mod *****/ /*================================= list-navi-mod-start 　template : list =================================*/ #listNaviMod{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_navi_mod.png) bottom left no-repeat #f4f3f0; margin-bottom:10px; } #listNaviMod h3{ font-size:81.25%; font-weight:bold; padding:10px 0 10px 15px; background:url(https://s.yimg.jp/images/ks/official/list/bg_list_navi_mod.png) top left no-repeat; height:1em; color:#000; } #listNaviMod h3.listNaviName{ background: none; color:#000; } #listNaviMod ul.first-tree{ margin-bottom: 8px; } #listNaviMod ul.first-tree li span { display:block; padding-top:3px; padding-bottom:3px; } #listNaviMod ul.first-tree li { zoom:1; } *:first-child+html #listNaviMod ul.first-tree li ul li ul li { display:inline; width:300px; } #listNaviMod ul.first-tree span { padding-left:30px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 16px -291px no-repeat; } #listNaviMod ul.c-l-t span { padding-left:30px; background:url(https://s.yimg.jp/images/ks/official/list/icon_listnavi_arrow.png) 18px 8px no-repeat; } #listNaviMod ul.first-tree li ul span { padding-left:45px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 31px 9px no-repeat; } #listNaviMod ul.first-tree li ul span.second-open { background-position:31px -291px; } #listNaviMod ul.first-tree li ul li ul span { padding-left:60px; background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 46px -591px no-repeat; } #listNaviMod ul.first-tree span.category-now { display:block; border-top:#FFE8A2 1px solid; border-bottom:#FFE8A2 1px solid; margin:0 1px; background-color:#fff; background-image:none; } #listNaviMod ul.first-tree span.category-now strong{ background:url(https://s.yimg.jp/images/ks/official/qa/icon_category01.png) 0px -897px no-repeat; padding-left:12px; margin-left:-14px; font-weight:bold; color:#000; font-size:81.25%; } #listNaviMod ul a { font-size:81.25%; } #listNaviMod p { text-align:right; font-size:81.25%; margin:0 12px 10px 0; } #listNaviMod p a { margin:0 3px; } /*================================= list-navi-mod-end 　template : list =================================*/ /***** note-new-update *****/ /*================================= listNoteUpdate-start 　template : list =================================*/ #listNoteUpdate{ background-color: #f6fcda; position: relative; padding: 5px 5px 8px; margin-bottom: 10px; margin-left: 50px; word-break:break-all; word-wrap:break-word; } #listNoteUpdate h3{ float: left; margin-bottom: 5px; color: #000; font-size:75%; } #listNoteUpdate .listNoteUpdateImg{ position: absolute; top: 0; left: -50px; padding: 3px; border: 1px solid #ccc; background-color: #FFFFFF; display: block; } #listNoteUpdate a{ font-size: 75%; } #listNoteUpdate span.noteUpdate{ float: left; padding-left: 5px; font-size: 75%; } /*================================= listNoteUpdate-end 　template : list =================================*/ /***** ranking-mod *****/ /*================================= ranking-mod-start 　template : list =================================*/ #listRankMod{ background:url(https://s.yimg.jp/images/ks/official/list/bg_list_navi_mod.png) bottom left no-repeat #f4f3f0; padding-bottom: 10px; margin-bottom:10px; } #subRankMod{ width: 288px; margin-left: 6px; border-bottom: 5px solid #fffaca; } #listRankMod h3{ font-size:81.25%; padding:10px 0 10px 15px; background:url(https://s.yimg.jp/images/ks/official/list/bg_list_navi_mod.png) top left no-repeat; height:1em; color:#000; } #listRankMod ul{ position: relative; border-bottom: 1px solid #f7d92f; } #listRankMod ul li { display: inline; float: left; position: relative; bottom: -1px; } #listRankMod ul li a { background: url(https://s.yimg.jp/images/ks/official/list/tab_list_submod.png) no-repeat right top; border-bottom: 1px solid #f7d92f; display: block; font-size: 81.25%; line-height: 1.53; margin: auto 0; text-align: center; width: 117px; text-decoration: none; } #listRankMod ul li.tab_selected a { background: url(https://s.yimg.jp/images/ks/official/list/tab_list_submod.png) no-repeat left top; border-bottom: 1px solid #fffaca; color: #000; cursor: default; font-weight: bold; } #listRankMod #readRank{ position: relative; } #listRankMod #readRank.tab_selected{ z-index: 10; } #listRankMod #evalRank{ position: relative; left: -1px; z-index: 5; } /*#listRankMod #evalRank.tab_selected{ }*/ #listRankMod #subElementsContainer{ width: 290px; margin-left: 5px; border-top: 1px solid #f7d92f; } #listRankMod .feature ol{ padding: 0 12px; margin-bottom: 5px; background-color: #fff; font-size: 81.25%; } #listRankMod ol li{ position: relative; padding: 5px 0 7px 0; background: url(https://s.yimg.jp/images/ks/official/my/bg_bk_dotline.gif) repeat-x left bottom; } #listRankMod ol li.drank-num5{ background: none; } #listRankMod ol li span { float: left; display: block; background-image: url(https://s.yimg.jp/images/ks/official/top/icon_top_sprite4.png); height: 14px; overflow: hidden; text-indent: -9999px; width: 25px; margin-right: 5px; } #listRankMod .subrankNodata { padding: 5px 12px; margin-bottom: 5px; background-color: #fff; font-size: 81.25%; text-align:center; } #listRankMod .drank-num1 span { background-position: -1px -47px; } #listRankMod .drank-num2 span { background-position: -25px -47px; } #listRankMod .drank-num3 span { background-position: -50px -47px; } #listRankMod .drank-num4 span { background-position: -75px -47px; } #listRankMod .drank-num5 span { background-position: -100px -47px; } #listRankMod .module-pos-right{ font-size: 81.25%; text-align: right; } /*================================= ranking-mod-end 　template : list =================================*/ /***** yakuni-east *****/ /*================================= yakuni-east-start 　template : list =================================*/ #yakuni-east { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category01.png) bottom left no-repeat; margin-bottom:10px; }/*100118 gif⇒png*/ #yakuni-east h3 { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category02.png) top left no-repeat; font-size:81.25%; padding:3px 0 3px 15px; color:#000; } #yakuni-east ul { padding:10px 15px 5px; } #yakuni-east ul li { font-size:75%; padding:10px 0; border-bottom:dotted 1px #FFCC33; word-break:break-all; word-wrap:break-word; } #yakuni-east ul li.yeend { border-bottom:none; margin-bottom:10px; } #yakuni-east p { text-align:right; font-size:81.25%; padding-bottom:18px; padding-right:14px; } /*================================= yakuni-east-end 　template : list =================================*/ /***** sp-east *****/ /*================================= sp-east-start 　template : list =================================*/ #sp-east { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category01.png) bottom left no-repeat; margin-bottom:10px; }/*100118 gif⇒png*/ #sp-east h3 { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category02.png) top left no-repeat; font-size:81.25%; padding:3px 0 3px 15px; color:#000; } #sp-east p { font-size:81.25%; padding:10px 0 3px 15px; color:#000; font-weight:bold; } #sp-east ul { padding:0 15px 5px; } #sp-east ul li { font-size:81.25%; padding:10px 0; border-bottom:dotted 1px #FFCC33; word-break:break-all; word-wrap:break-word; } #sp-east ul li.speend { border-bottom:none; } /*================================= sp-east-end 　template : list =================================*/ /***** b-w-east *****/ /*================================= b-w-east-start 　template : list =================================*/ /*100118 gif⇒png*/ #b-w-east { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category01.png) bottom left no-repeat; margin-bottom:10px; } /*100118 gif⇒png*/ #b-w-east h3 { background:url(https://s.yimg.jp/images/ks/official/qa/bg_category02.png) top left no-repeat; font-size:81.25%; padding:3px 0 3px 15px; color:#000; } #b-w-east ul { padding:15px; } #b-w-east ul li { display:inline; word-break:break-all; word-wrap:break-word; margin:0 5px; } #b-w-east p { text-align:right; font-size:81.25%; padding-bottom:13px; padding-right:14px; } #b-w-east .tagCloud-type1 { font-weight:bold; } #b-w-east .tagCloud-type2 { font-size:100%; } #b-w-east .tagCloud-type3 { font-size:87.5%; } #b-w-east .tagCloud-type4 { font-size:81.25%; } #b-w-east a { text-decoration:none; } #b-w-east a:link { text-decoration:none; } #b-w-east a:visited { text-decoration:none; } #b-w-east a:hover { text-decoration:underline; } #b-w-east a:active { text-decoration:underline; } /*================================= b-w-east-end 　template : list =================================*/ /*================================= b-w-main-start 　template : list =================================*/ /*100118 gif⇒png*/ #b-w-main { background:url(https://s.yimg.jp/images/ks/official/qa/bg_notice_frame.png) bottom left no-repeat; margin-bottom:5px; } /*100118 gif⇒png*/ #b-w-main dl { padding:10px 10px 5px 8em; background:url(https://s.yimg.jp/images/ks/official/qa/bg_notice_frame.png) top left no-repeat; position:relative; } #b-w-main dl dt { font-size:81.25%; width:9em; position:absolute; top:10px; left:10px; _left:-8em; } #b-w-main dl dd { display:inline; word-break:break-all; word-wrap:break-word; margin:0 2px 0 0; } #b-w-main .tagCloud-type1 { font-weight:bold; } #b-w-main .tagCloud-type2 { font-size:100%; } #b-w-main .tagCloud-type3 { font-size:87.5%; } #b-w-main .tagCloud-type4 { font-size:81.25%; } #b-w-main a { text-decoration:none; } #b-w-main a:link { text-decoration:none; } #b-w-main a:visited { text-decoration:none; } #b-w-main a:hover { text-decoration:underline; } #b-w-main a:active { text-decoration:underline; } /*================================= b-w-main-end 　template : list =================================*/ /***** m-s-con *****/ /*================================= mobile-container -start 　template : list =================================*/ div#mobile-container { border:1px solid #ccc; padding:5px; margin-bottom:3px; } div#mobile-container h3 { color:#000; font-weight:bold; font-size:85%; float:left; width:280px; } div#mobile-container p { float:right; color:#000; width:210px; font-size:75%; margin-top:5px; } div#mobile-container p#barcode { float:left; width:74px; margin:0; } div#mobile-container p#transmission-container { width:280px; float:left; } /*================================= mobile-container -end 　template : list =================================*/ /*================================= service-container -start 　template : list =================================*/ #service-container { } #service-container ul li { font-size:81.25%; border:1px solid #ccc; padding:5px; margin-bottom:3px; line-height:2; } #service-container ul li img { margin-right:10px; } /*================================= service-container -end 　template : list =================================*/ /***** respondentQa *****/ /*================================= respondentQa-start 　template : list =================================*/ #respondentQaWrap{ margin-bottom:10px; } #respondentQaWrap img{ float:left; padding:3px; background-color:#fff; border:1px solid #bbb; _margin-left:5px; } #respondentQa{ float:right; width:573px; padding:5px 10px 10px 5px; background-color:#f8f7fc; } #respondentQa p{ color:#333; font-size:75%; } .respondentId{ margin-bottom:2px; } .respondentId .newA{ font-weight:bold; padding-right:5px; } .respondentId .newName{ padding:0 5px; } .respondentId .newName2{ padding-right:5px; } .respondentId .newTime{ padding-left:5px; font-weight:bold; } /*================================= END respondentQa 　template : list =================================*/ /***** chigai *****/ /*================================= chigai-start template : qa =================================*/ #chigai{ background:url(https://s.yimg.jp/images/ks/official/qa/bg_category01.png) bottom left no-repeat; }/*100118 gif⇒png*/ #chigai h3{ background:url(https://s.yimg.jp/images/ks/official/qa/bg_category02.png) top left no-repeat; font-size:81.25%; padding:3px 0 3px 15px; color:#000; } #chigai ul{ padding:10px 15px 5px; } #chigai ul li{ font-size:81.25%; padding:10px 0; border-bottom:dotted 1px #FFCC33; word-break:break-all; word-wrap:break-word; } #chigai ul li.lrend{ border-bottom:none; } #chigai p{ text-align:right; font-size:81.25%; padding-bottom:13px; padding-right:14px; } #chigai span.t0{ font-weight: bold; font-size: 115%; } #chigai span.t1{ font-weight: bold; font-size: 115%; } #chigai span.t2a{ font-weight: bold; font-size: 115%; color: #ff7d4e; } #chigai span.t2b{ font-weight: bold; font-size: 115%; color: #007d4e; } #chigai span.t3a{ background-color: #f8f7fc; font-weight: bold; font-size: 115%; color: #555; } #chigai span.t3b{ background-color: #ffffcc; font-weight: bold; font-size: 115%; color: #555; } #chigai .a0{ font-weight: bold; } /*================================= chigai-end template : qa =================================*/ /***** ysp_add *****/ /*================================= ysp_add-start 　template : qa =================================*/ /* 全社横断モジュール */ .ysp_ad { margin:10px 0; } /*================================= ysp_add-end 　template : qa =================================*/ /***** yjaxc-ad *****/ /*================================= yjaxc-ad-start 　template : qa =================================*/ /* yjaxc-ad */ #yjaxc-ad { padding:10px 15px 0; } #yjaxc-ad a { line-height:1.3; letter-spacing:0.05em; word-break:break-all; word-wrap:break-word; font-style:normal; } #yjaxc-ad .chie-ss-module { } #yjaxc-ad .chie-ss-module li { margin-bottom:15px; } /* yjaxc-ad end */ /*================================= yjaxc-ad-end 　template : qa =================================*/ /*================================= im-ss-ad-start 　template : qa =================================*/ /* im-ss-ad */ #im-ss-ad { padding:10px 0 0 5px; } #im-ss-ad a { word-break:break-all; word-wrap:break-word; } /* im-ss-ad end */ /*================================= im-ss-ad-end 　template : qa =================================*/ /***** areaLink *****/ /*================================= areaLink-start 　template : list =================================*/ #areaLink,#areaLink h3,#areaLink li a{ background:url(https://s.yimg.jp/images/ks/official/area/bg_area_link.png) no-repeat; } #areaLink{ font-size:87.5%; border:1px solid #C1DB30; background-color:#FFFDE1; background-position:100px 100%; margin:0 0 10px; padding:0 0 10px; } #areaLink h3{ background-position:-200px 100%; height:25px; border-bottom:1px solid #C1DB30; text-indent:-9999px; overflow:hidden; } #areaLink ul{ padding:5px 10px 0; } #areaLink li{ display:inline-block; /display:inline; margin-right:7px; line-height:1.7; } #areaLink li a{ padding:0 0 0 7px; background-position:-505px -42px; text-decoration:none; display:inline-block; } #areaLink li a:hover{ text-decoration:underline; } /*================================= areaLink-end 　template : list =================================*/ /***** bn-stechi *****/ /*================================= bn-stechi-start 　template : qa =================================*/ /* Step Chipsバナー */ #stepChipsBnr img { margin-bottom: 10px; } /*================================= bn-stechi-end 　template : qa =================================*/ /***** appQa *****/ /*================================= appQa-start 　template : list =================================*/ .appQaList{ margin-bottom: 20px; border-bottom: 1px solid #ddd; } .appQaList ul{ padding: 10px; } .appQaList li{ line-height: 2; color: #ddd; } .appQaList li a{ font-size: 87.5%; } .appQaList h2{ float: left; font-weight: bold; } .appQaList .appQaHdr{ padding:10px 10px 9px; background-color: #ddd; } .appQaList .appQaHdr a{ margin-top: 2px; float: right; font-size: 88%; } /*================================= END appQa 　template : list =================================*/ /***** answerCorner *****/ /*================================= answerCorner-start template : qa =================================*/ .appQaList + .mdQAcorner{ margin:-10px 0 10px; } .mdQAcorner{ background-color: #e1edfa; padding: 8px; margin:0 0 10px; } .mdQAcorner p{ font-size: 94%; padding: 7px 0 0; float: left; } .mdQAcorner .btnQAcorner{ float: right; width: 180px; text-align: center; font-weight: bold; border: 1px solid #999; border-bottom-width: 2px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; overflow: hidden; } .mdQAcorner .btnQAcorner a{ background: #fff; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#F9F9F9)); background: -moz-linear-gradient(top,#fff 0,#F9F9F9 100%); text-decoration: none; display: block; padding: 4px; } .mdQAcorner .btnQAcorner a:hover { background: #fff; text-decoration: none; } .mdQAcorner .btnQAcornerText { color: #111; font-size: 113%; padding: 0px 0px 0px 22px; background: url(https://s.yimg.jp/images/ks/pc/common/ico_answerLink.png) 0 50% no-repeat; } /*================================= answerCorner-end template : qa =================================*/ /***** listTagsSmall *****/ /*================================= listTagsSmall-start 　template : list =================================*/ .listTagsSmall{ overflow:hidden; zoom:1; } .listTagsSmall ul{ background:url(https://s.yimg.jp/images/ks/pc/common/ico_tag.png) no-repeat 0 6px; padding:0 0 0 15px; margin:0 0 10px; font-size:75%; overflow:hidden; zoom:1; } .listTagsSmall li{ float:left; border:none; padding:0; } .listTagsSmall a{ display:block; padding:5px; color:#666; } /*================================= listTagsSmall-end 　template : list =================================*/ /***** oldQANarrowDown *****/ /*================================= oldQANarrowDown-start template : list =================================*/ .oldQANarrowDown{ display:none; margin:0 0 15px; padding:15px 0; border-bottom:1px solid #ddd; } .oldQANarrowDown .dateSelect{ margin:0 0 10px; overflow:hidden; zoom:1; } .oldQANarrowDown .dateSelect dt, .oldQANarrowDown .dateSelect dd{ float:left; } .oldQANarrowDown .dateSelect dt{ font-weight:bold; font-size:94%; margin:3px 20px 0 0; } .oldQANarrowDown .dateSelect select{ font-size:75%; height:25px; } .oldQANarrowDown .dateSelect input{ font-size:75%; height:25px; vertical-align:bottom; } .oldQANarrowDown .yearSelect dt{ font-weight:bold; font-size:82%; margin:0 0 5px; } .oldQANarrowDown .yearSelect ol{ overflow:hidden; zoom:1; } .oldQANarrowDown .yearSelect li{ float:left; width:10%; *width:63px; overflow:hidden; } .oldQANarrowDown .yearSelect li a, .oldQANarrowDown .yearSelect li div{ display:block; line-height:1.2; text-decoration:none !important; font-size:82%; text-align:center; border:1px solid #ccc; border-radius:3px; margin:0 1px 2px; padding:3px 0; } .oldQANarrowDown .yearSelect li a:hover{ background:#f0f0f0; color:#cc3434; } .oldQANarrowDown .yearSelect li.current div{ background:#e0c2ff; font-weight:bold; } .oldQANarrowDown .yearSelect li.current div span{ font-weight:normal; } .oldQANarrowDown .yearSelect li a span, .oldQANarrowDown .yearSelect li div span{ display:block; font-size:72%; } /*================================= oldQANarrowDown-end template : list =================================*/ /***** confirmationText *****/ /*================================= confirmationText-start 　template : list =================================*/ .confirmationText{ background: #f0f0f0; padding:50px 20px 48px; margin:0 0 30px; text-align:center; } .confirmationText p{ font-weight:bold; line-height:1.6; } .confirmationText p + p.pstBtn{ margin:15px 0 0; } p.pstBtn a{ background:#fff; height:12px; width:279px; display:inline-block; overflow:hidden; padding: 8px 5px 12px; border: solid 1px #a9a9a9; border-bottom: solid 4px #a9a9a9; border-radius: 5px; font-weight:bold; font-size:100%; color:#333; } p.pstBtn a:hover{ text-decoration:none; } /*================================= confirmationText-end 　template : list =================================*/ /***** listImageQa *****/ /*================================= listImageQa-start 　template : list =================================*/ /* .imageQAList */ .listImageQa{ margin:0 0 20px; } .listImageQa ul { overflow:hidden; zoom:1; } .listImageQa ul li { width: 190px; float:left; } .listImageQa ul a { display: block; padding: 10px; text-decoration: none; } .listImageQa ul div{ text-align:center; height:89px; margin:0 0 10px; background-repeat:no-repeat; background-position:50% 30%; background-size:100%; } .listImageQa ul p{ font-size:88%; } /*================================= listImageQa-end 　template : list =================================*/ /***** largeTitle *****/ /*================================= largeTitle-start 　template : list =================================*/ .largeTitle { padding: 15px 0; border-top: 4px solid #eaeaea; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 -1px #ddd; -moz-box-shadow: 0 -1px #ddd; box-shadow: 0 -1px #ddd; } .largeTitle h1 { font-size: 175%; font-size: 1.75rem; font-weight: bold; display: block; float: left; } /*================================= largeTitle-end 　template : list =================================*/ /***** middleTitle *****/ /*================================= middleTitle-start 　template : list =================================*/ .middleTitle { border-top: 1px solid #999; margin: 0 0 1px; background: #eaeaea; padding: 17px 10px 14px 15px; } .middleTitle.icoRanking{ background:#EAEAEA url(https://s.yimg.jp/images/ks/pc/common/ico_rankng.png) no-repeat 16px 10px; padding:17px 10px 14px 50px; } .middleTitle h2 { font-weight: bold; float: left; } /*================================= middleTitle-end 　template : list =================================*/ /***** solved-qa-list *****/ /*================================= .qa-list-dline 　template : list =================================*/ .qa-list-dline { margin: 24px; } .qa-list-dline h2:before { content: url("http://i.yimg.jp/images/ks/official/qa/icon_recom.png"); position: relative; top: 3px; margin: 0 8px 0 0; width: 24px; height: 21px; } .qa-list-dline h2 { padding: 10px; font-weight: bold; color: #464646; } .qa-list-dline li { padding: 11px 10px 10px 10px; border-top: dashed 1px #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .qa-list-dline li:last-child { border-bottom: dashed 1px #999; } .qa-list-dline li span { padding: 1px 2px; font-size: 0.65em; border-radius: 3px; margin: 0 8px 0 0; position: relative; top: -1px; } .qa-list-dline.solved li span { border: solid 1px #F97859; background-color: #FBE4DB; color: #A8533F; } .qa-list-dline.vote li span { border: solid 1px #B1D4DC; background-color: #E3F4F9; color: #486d76; } .qa-list-dline.active li span { border: solid 1px #A5BE90; background-color: #E6F3DA; color: #3f8b53; } .qa-list-dline .list-more { padding: 11px 10px 10px 10px; text-align: right; font-size: 0.85em; } .qa-list-dline .list-more a { display: inline-block; padding: 0 20px 0 0; background: url(https://s.yimg.jp/images/ks/pc/common/bg_link.png) no-repeat 185px 1px; } /*================================= qa-list-dline template : list =================================*/ /*== contents_module end ==*/ @media screen and (max-device-width: 480px){.main_area .feature-cont-p0 .FrmTopQ{width:393px}}@media screen and (max-device-width: 480px){.main_area .feature-cont-p4 .p4-cont-inn .flag-sp dt{background-position:-431px 1px}}.yjChviewWrap{text-align:center;margin-bottom:15px;padding-top:15px;border-top:1px solid #ccc}.yjChview{display:inline-block;padding:10px 30px;border:1px solid #e7e7e7;background:#f9f9f9;text-align:center}.yjChview dl,.yjChview dd,.yjChview p{margin:0}.yjChview dl dt,.yjChview dl dd{display:inline;font-size:14px;line-height:1.2em}.yjChview dl dt{padding-right:0.2em}.yjChview dl dd span{font-weight:bold}.yjChview dl dd:after{content:" f5c"}.yjChview dl dd.end:after{content:""}.yjChview p{font-size:12px;line-height:1.2em;vertical-align:baseline} /* end of css */