@charset "utf-8";*{margin:0;padding:0}article,aside,figure,footer,header,main,nav,section{display:block}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;letter-spacing:.05em;word-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%}pre{overflow:auto;white-space:normal}fieldset,iframe,img,sub,video{vertical-align:bottom}fieldset,iframe,img{border:none}address{font-style:normal}small{font-size:1em}br{letter-spacing:0}input,select,textarea{outline:0}.muse blockquote,.muse ol,.muse p,.muse table,.muse ul{margin:0 1em 1em}.muse [type=email],.muse input[type=password],.muse input[type=text],.muse select,.muse td,.muse textarea,.muse th{padding:.618em}#f_txtarea blockquote:last-child,#f_txtarea ol:last-child,#f_txtarea p:last-child,#f_txtarea table:last-child,#f_txtarea ul:last-child,#m_txt blockquote:last-child,#m_txt ol:last-child,#m_txt p:last-child,#m_txt table:last-child,#m_txt ul:last-child{margin-bottom:0}.editAnc,.f1,.midashi_none,body,button,input[type=submit],pre{font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.f3,h1,h2,h3,h4,h5,h6{font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}.os_mac,.os_mac .f1,.os_mac .midashi_none,.os_mac button,.os_mac input[type=submit],.os_mac pre{font-family:"Lucida Grande","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif}.os_mac .f3,.os_mac h1,.os_mac h2,.os_mac h3,.os_mac h4,.os_mac h5,.os_mac h6{font-family:"游ゴシック",YuGothic,"Lucida Grande","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif}.f2,.os_mac .f2{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif}@font-face{font-family:fontelloDef;src:url(../fonts/fontelloDef.eot);src:url(../fonts/fontelloDef.eot?#iefix) format("embedded-opentype"),url(../fonts/fontelloDef.woff) format("woff"),url(../fonts/fontelloDef.ttf) format("truetype"),url(../fonts/fontelloDef.svg#icomoon) format("svg")}.muse ul li{list-style:disc inside;text-indent:-1em;padding:0 0 0 1.5em}.muse ol li{list-style:decimal inside;text-indent:-1.5em;padding:0 0 0 2em}.muse .listnone li,li{list-style:none outside;text-indent:0;padding:0}.listsolid li{border-bottom:1px solid #c8c8c8}.listdashed li{border-bottom:1px dashed #c8c8c8}.muse .listbtn{margin:0 1em 1em}.muse .listbtn li{color:#fefefe;margin:0 4px 6px;padding:2px 12px;border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.4);text-shadow:-1px -1px 0 rgba(0,0,0,.4);display:inline-block}.listbtn a,.listbtn a.hover{color:#fefefe;text-decoration:none}.listbtn a.hover{text-decoration:underline}.listbtn_red li,.listol_red li:before{background:#e43737}.listbtn_orange li,.listol_orange li:before{background:#e4950d}.listbtn_yellow li,.listol_yellow li:before{background:#e9c108}.listbtn_green li,.listol_green li:before{background:#21a507}.listbtn_blue li,.listol_blue li:before{background:#2379eb}.listbtn_gray li,.listol_gray li:before{background:#969696}.listbtn_black li,.listol_black li:before{background:#191919}.muse .listIco li{list-style:none;text-indent:0;padding:0 8px 0 1.3em}.listIco li:before{font-family:fontelloDef;color:#e43737;margin:0 4px 0 -.6em}.listul_red li:before{color:#e43737}.listul_orange li:before{color:#e4950d}.listul_yellow li:before{color:#e9c108}.listul_green li:before{color:#21a507}.listul_blue li:before{color:#2379eb}.listul_gray li:before{color:#969696}.listul_black li:before{color:#191919}.listul_white li:before{color:#fefefe}.listIco1 li:before{content:"f"}.listIco2 li:before{content:"h"}.listIco3 li:before{content:"j"}.listIco4 li:before{content:"z"}.listIco5 li:before{content:"l"}.muse .listol li{counter-increment:chapter;list-style:none;text-indent:0;padding:4px 0 4px 2.4em}.listol li:before{content:counter(chapter);color:#fefefe;text-shadow:-1px -1px 0 rgba(0,0,0,.4);background:#e43737;padding:2px;margin:0 4px 0 -2.1em;width:1.6em;text-align:center;display:inline-block}.listol_square li:before{border-radius:0}.listol_radius li:before{border-radius:3px}.listol_circle li:before{border-radius:50%}.muse ol ol li{counter-increment:ol_child;list-style:none}.muse ol ol li:before{content:counter(ol_child) "）";margin:0 0 0 -.2em}.pclear{clear:both}.pBtn a,.pBtn a.hover{color:#fefefe;text-align:center;margin:0 0 .414em;display:inline-block}.pBtn a:before{font-family:fontelloDef;content:"l";margin-right:4px;font-weight:400}.pBtnLage a{width:100%;padding:9px 0;font-size:1.5em;font-weight:700}.pBtnMdle a{min-width:61.8%;padding:6px 1em;font-size:1.3em;font-weight:700}.pBtnMini a{padding:3px 14px}.pBtnMini a:before{content:"i"}.pBtnNoicon a:before{display:none}.pBtn a,.pBtn_red a{border-color:#da0f0f;background-color:#da0f0f}.pBtn_orange a{border-color:#f15500;background-color:#f15500}.pBtn_yellow a{border-color:#cd9a00;background-color:#cd9a00}.pBtn_green a{border-color:#0f790d;background-color:#0f790d}.pBtn_blue a{border-color:#243fb4;background-color:#243fb4}.pBtn_gray a{border-color:#757575;background-color:#757575}.pBtn_black a{border-color:#1c1c1c;background-color:#1c1c1c}.pbBtm_dashed:after,.pbBtm_dotted:after,.pbBtm_solid:after{content:"";width:100%;border-bottom:1px solid #c8c8c8;display:block}.pbBtm_dashed:after{border-bottom:1px dashed #c8c8c8}.pbBtm_dotted:after{border-bottom:1px dotted #c8c8c8}.tinyBox{margin:0 1em 1em;padding:.618em 1em;border:1px solid #000;border-radius:4px}.tinyBox_red{border-color:#e43737;background:#ffdede}.tinyBox_orange{border-color:#e4950d;background:#ffe9d1}.tinyBox_yellow{border-color:#e9c108;background:#f0f0bd}.tinyBox_green{border-color:#21a507;background:#d1ebc1}.tinyBox_blue{border-color:#2379eb;background:#cee5f4}.tinyBox_gray{border-color:#969696;background:#efefef}.tinyBox_black{border-color:#191919;background:#4e4e4e;color:#fefefe}.tinyBox_notBg{background:0 0}.pnone .tinyBox,.pnone.tinyBox,table .tinyBox{margin:0 0 1em}.muse .pmBtm_10{margin-bottom:1em}.muse .pmBtm_15{margin-bottom:1.5em}.muse .pmBtm_20{margin-bottom:2em}.muse .pmBtm_25{margin-bottom:2.5em}.muse .pmBtm_30{margin-bottom:3em}.muse .pmBtm_35{margin-bottom:3.5em}.muse .pmBtm_40{margin-bottom:4em}.muse .pmBtm_45{margin-bottom:4.5em}.muse .pmBtm_50{margin-bottom:5em}.muse .pmBtm_55{margin-bottom:5.5em}.muse .pmBtm_60{margin-bottom:6em}.mceIco:after,.mceIco:before{font-family:fontelloDef;margin:0 4px;font-weight:400}.mceIco_red:after,.mceIco_red:before{color:#da0f0f}.mceIco_orange:after,.mceIco_orange:before{color:#f15500}.mceIco_yellow:after,.mceIco_yellow:before{color:#cd9a00}.mceIco_green:after,.mceIco_green:before{color:#0f790d}.mceIco_blue:after,.mceIco_blue:before{color:#243fb4}.mceIco_gray:after,.mceIco_gray:before{color:#757575}.mceIco_black:after,.mceIco_black:before{color:#1c1c1c}.mceIcoAf2:after,.mceIcoBf2:before{content:"I"}.mceIcoAf3:after,.mceIcoBf3:before{content:"L"}.mceIcoAf4:after,.mceIcoBf4:before{content:"a"}.mceIcoAf5:after,.mceIcoBf5:before{content:"b"}.mceIcoAf6:after,.mceIcoBf6:before{content:"+"}.mceIcoAf7:after,.mceIcoBf7:before{content:"-"}.mceIcoAf8:after,.mceIcoBf8:before{content:"e"}.mceIcoAf9:after,.mceIcoBf9:before{content:"P"}.mceIcoAf10:after,.mceIcoBf10:before{content:"Q"}.mceIcoAf14:after,.mceIcoBf14:before{content:"S"}.mceIcoAf15:after,.mceIcoBf15:before{content:"T"}.mceIcoAf16:after,.mceIcoBf16:before{content:"U"}.mceIcoAf17:after,.mceIcoBf17:before{content:"V"}.mceIcoAf19:after,.mceIcoBf19:before{content:"N"}.mceIcoAf20:after,.mceIcoBf20:before{content:"C"}.mceIcoAf21:after,.mceIcoBf21:before{content:"D"}.mceIcoAf22:after,.mceIcoBf22:before{content:"m"}.mceIcoAf23:after,.mceIcoBf23:before{content:"c"}.mceIcoAf24:after,.mceIcoBf24:before{content:"d"}.mceIcoAf25:after,.mceIcoBf25:before{content:"t"}.mceIcoAf26:after,.mceIcoBf26:before{content:"M"}.mceIcoAf27:after,.mceIcoBf27:before{content:"X"}.mceIcoAf28:after,.mceIcoBf28:before{content:"Y"}.mceIcoAf29:after,.mceIcoBf29:before{content:"Z"}.mceIcoAf30:after,.mceIcoBf30:before{content:"0"}.mceIcoAf31:after,.mceIcoBf31:before{content:"1"}.mceIcoAf32:after,.mceIcoBf32:before{content:"2"}.mceIcoAf33:after,.mceIcoBf33:before{content:"3"}.mceIcoAf34:after,.mceIcoBf34:before{content:"4"}.mceIcoAf35:after,.mceIcoBf35:before{content:"5"}.mceIcoAf36:after,.mceIcoBf36:before{content:"y"}.mceIcoAf37:after,.mceIcoBf37:before{content:"x"}.mceIcoAf38:after,.mceIcoBf38:before{content:"xy"}.mceIcoAf39:after,.mceIcoBf39:before{content:"xx"}.mceIcoAf40:after,.mceIcoBf40:before{content:"xxy"}.mceIcoAf41:after,.mceIcoBf41:before{content:"xxx"}.mceIcoAf42:after,.mceIcoBf42:before{content:"xxxy"}.mceIcoAf43:after,.mceIcoBf43:before{content:"xxxx"}.mceIcoAf44:after,.mceIcoBf44:before{content:"xxxxy"}.mceIcoAf45:after,.mceIcoBf45:before{content:"xxxxx"}.tinyFz{line-height:1}.tinyFz_80{font-size:80%}.tinyFz_85{font-size:85%}.tinyFz_90{font-size:90%}.tinyFz_95{font-size:95%}.tinyFz_100{font-size:100%}.tinyFz_110{font-size:110%}.tinyFz_120{font-size:120%}.tinyFz_130{font-size:130%}.tinyFz_140{font-size:140%}.tinyFz_150{font-size:150%}.tinyFz_160{font-size:160%}.tinyFz_170{font-size:170%}.tinyFz_180{font-size:180%}.tinyFz_190{font-size:190%}.tinyFz_200{font-size:200%}.tinyFz_210{font-size:210%}.tinyFz_220{font-size:220%}.tinyFz_230{font-size:230%}.tinyFz_240{font-size:240%}.tinyFz_250{font-size:250%}.tinyFz_260{font-size:260%}.tinyFz_270{font-size:270%}.tinyFz_280{font-size:280%}.tinyFz_290{font-size:290%}.tinyFz_300{font-size:300%}.muse img,.wp-caption{border:1px solid #cfcfcf;padding:4px;vertical-align:bottom;text-align:center;background:#fff;box-shadow:1px 1px 3px #e6e6e6;border-radius:2px}.muse .wp-caption-text{margin:0}html>body #scont img{height:auto}.muse img{max-width:96%}.muse .imgnone img,.muse iframe,.muse img.imgnone,.muse img.none{max-width:100%}.muse a.hover img{background:#cfcfcf}.wp-caption{padding:9px 0 0;margin:0 1em 1em}.cssfx,.wp-caption img{transform:none}.wp-caption.alignleft{float:left;margin:0 .618em 1em 1em}.wp-caption.alignright{float:right;margin:0 1em 1em .618em}.wp-caption.aligncenter{margin:0 auto 1em;text-align:left}.wp-caption-text{padding:9px 0;margin:0;font-size:.85em;text-align:center}iframe.alignleft,iframe.alignleft_pc,img.alignleft,img.alignleft_pc{float:left;margin:0 .618em 1em 0}iframe.aligncenter,iframe.aligncenter_pc,iframe.center,iframe.center_pc,img.aligncenter,img.aligncenter_pc,img.center,img.center_pc{margin:0 auto;display:block}iframe.alignright,iframe.alignright_pc,img.alignright,img.alignright_pc{float:right;margin:0 0 1em .618em}.muse .imgnone a.hover img,.muse .imgnone img,.muse .wp-caption a.hover img,.muse .wp-caption img,.muse a.hover img.imgnone,.muse a.hover img.none,.muse a.imgnone.hover img,.muse img.imgnone,.muse img.none,a.hover img.imgnone,a.hover img.none,img.imgnone,img.none{border:none;padding:0;background:0 0;box-shadow:none;border-radius:0}.imgnone img{float:none;margin:0;display:inline}.img_vtop img,img.img_vtop{vertical-align:top}.img_vmiddle img,img.img_vmiddle{vertical-align:middle}.img_vbottom img,img.img_vbottom{vertical-align:bottom}table{background:#fff;border-collapse:collapse;border:none}caption{font-weight:700;caption-side:top}td,th{border:1px solid #dfdfdf}th{background:#f8f8f8;box-shadow:1px 1px 0 #fff inset;text-align:center}.muse table p{margin:0 0 .618em}.tablefixed{table-layout:fixed}.tablefixed img{max-width:100%;width:auto;height:auto;border:none;padding:0}.tablefixed a.hover img{border:none;padding:0}.tableoutline{border:1px solid #dfdfdf}.tablenone table,.tablenone td,.tablenone th,.tableoutline td,.tableoutline th,table.tablenone{border:none;background:0 0;box-shadow:none}.table_double td,.table_double th{border:3px double #dfdfdf}.table_dashed td,.table_dashed th{border:1px dashed #dfdfdf}table .btm_td_solid{border-bottom:1px solid #dfdfdf}table .btm_td_double{border-bottom:3px double #dfdfdf}table .btm_td_dashed{border-bottom:1px dashed #dfdfdf}table .td_nocell{border:none}table .td_usecell{border:1px solid #dfdfdf}table th.td_usecell{background:#f8f8f8}.p_nashi td,.p_nashi th,table .p_nashi{padding:0}.p_nashi p{margin:0}.p_ari td,.p_ari th,table .p_ari{padding:.38em .618em}.p_ari p{margin:0 0 .618em}table.aligncenter,table.center{text-align:left;margin-left:auto!important;margin-right:auto!important}table.alignright{float:right}table.alignleft{float:left}.no_pctable{display:none}input,select{vertical-align:middle}input[type=email],input[type=password],input[type=text],select,textarea{margin:4px 0;cursor:pointer;border:1px solid #aaa;border-radius:4px;box-shadow:1px 1px 1px #eee inset}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{background:#fff1dc}.formnone input[type=email],.formnone input[type=password],.formnone input[type=text],.formnone textarea{border-radius:0;box-shadow:none}@supports (appearance:none) or (-webkit-appearance:none) or (-moz-appearance:none){.muse select,select{background:url(../img/selectArrow.svg) no-repeat right 50%;padding-right:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none}}blockquote{padding:.618em 1em;border:1px solid #ccc;clear:both;font-style:normal;border-radius:4px}.muse blockquote p{margin:0 0 .618em}a{overflow:hidden;vertical-align:bottom}a:focus{outline:0;background:0 0}#scont a{vertical-align:baseline}.c1 a,a{text-decoration:underline}.anone a,.anone a.hover,.c1 a.hover,a.anone,a.anone.hover,a.hover{text-decoration:none}dt a,dt a.hover,h1 a,h1 a.hover,h2 a,h2 a.hover,h3 a,h3 a.hover,h4 a,h4 a.hover,h5 a,h5 a.hover,h6 a,h6 a.hover{text-decoration:none}.muse .midashi_h1,.muse .midashi_h2,.muse h1,.muse h2{margin-top:2em}.muse .midashi_h3,.muse .midashi_h4,.muse .midashi_h5,.muse .midashi_h6,.muse h3,.muse h4,.muse h5,.muse h6{margin-top:1.414em}.muse .pmBtm+.midashi_none,.muse .pmBtm+h1,.muse .pmBtm+h2,.muse .pmBtm+h3,.muse .pmBtm+h4,.muse .pmBtm+h5,.muse .pmBtm+h6,.muse h1+*,.muse h1:first-child,.muse h2+*,.muse h2:first-child,.muse h3+*,.muse h3:first-child,.muse h4+*,.muse h4:first-child,.muse h5+*,.muse h5:first-child,.muse h6+*,.muse h6:first-child{margin-top:0}.midashi_bLine{border-bottom:1px solid #c8c8c8!important;font-size:1.2em!important;padding:0 14px!important;margin:0 0 .414em!important;font-weight:700!important}.listnone ol,.listnone ul,.pnone p,ol.listnone,p.pnone,ul.listnone{margin-left:0;margin-right:0}.mnone h1,.mnone h2,.mnone h3,.mnone h4,.mnone h5,.mnone h6,.mnone li,.mnone ol,.mnone p,.mnone table,.mnone ul,h1.mnone,h2.mnone,h3.mnone,h4.mnone,h5.mnone,h6.mnone,li.mnone,ol.mnone,p.mnone,table.mnone,ul.mnone{margin:0}.spacer_{clear:both}hr{clear:both;border:none;border-bottom:1px solid #fefefe;background:#c8c8c8;background:rgba(0,0,0,.2);height:3px;margin:0 0 1em}.over a.hover img,.over input[type=image].hover,a.hover img.over,a.over.hover img,input.over[type=image].hover{opacity:.7}.editAnc{margin:0 0 0 14px;padding:2px 14px 2px 10px;font-size:12px;vertical-align:middle!important;font-weight:400;color:#333;background:#f8f8f8;white-space:nowrap;border:solid 1px #ccc;border-radius:3px;text-decoration:none;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.editAnc:before{content:"5";font-family:fontelloDef;margin:0 4px 0 0;padding:0 4px 0 0;border-right:1px solid #333}.editMail:before{content:"I"}.editAnc.hover{color:#333;background:#cfcfcf}.editAnc:active{background:#cfcfcf;box-shadow:1px 1px 0 rgba(0,0,0,.2) inset;top:0;left:0}.pageNav{text-align:center;clear:both;margin-bottom:2em}.pageNav .current,.pageNav a{padding:3px 5px;text-decoration:none}.pageNav a{border:1px solid #ff9961;background:#ffe0cf;color:#333}.pageNav a.hover{border:1px solid #ffcc7b;background:#fff7cf}.pageNav a.next,.pageNav a.prev{padding:6px 5px 0;border:none;background:0 0;text-decoration:underline}.pageNav a.next.hover,.pageNav a.prev.hover{border:none;background:0 0;color:#ff6161;text-decoration:none}.pageNav .current{border:1px solid #ccc;background:#efefef;color:#222}.postNav{border-top:1px dotted #ccc;font-size:.85em;padding:5px 0 0 5px;clear:both}.myFriend_lnk{text-decoration:none;display:block;padding:6px 14px;border-bottom:1px dotted #ccc}.gallery table{width:100%;margin:0;border-collapse:separate;border-spacing:6px}.gallery td{border:1px solid #cfcfcf;padding:4px;vertical-align:middle;text-align:center;background:#fff;box-shadow:1px 1px 3px #e6e6e6;border-radius:2px}.gallery td.hover{border:1px solid #333}.gallery img{max-width:100%;max-height:180px;width:auto;height:auto}.rotation_5{transform:rotate(5deg)}.rotation_10{transform:rotate(10deg)}.rotation_15{transform:rotate(15deg)}.rotation_-5{transform:rotate(-5deg)}.rotation_-10{transform:rotate(-10deg)}.rotation_-15{transform:rotate(-15deg)}.animuse,.muse img,.over a img,a,a img.over,a.over img,input,textarea{transition:all .1s linear}.animnone,.animnone a,.animnone input,.animnone textarea{transition:none 0s ease 0s}.floatbox:after,.floatbox:before{content:"";display:table}.floatbox:after{clear:both}.sp_switchBtn{text-align:center;background:#cfcfcf;border-bottom:1px solid #aaa;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.sp_switchBtn a,.sp_switchBtn a.hover{display:block;padding:6px 0;color:#333;text-decoration:none}.spStyle{font-size:1.8em;padding:10px 0}.sp_switchBtn a:before{font-family:fontelloDef;margin:0 4px 0 0;font-size:1.1em;vertical-align:middle}.spStyle:before{content:"U"}.pcStyle:before{content:"S"}.after,.before{display:none}.after:last-child,.before:first-child{display:inline}.eac-sugg{color:#a7c9a6;text-decoration:underline}.alignright{text-align:right}.alignleft{text-align:left}.aligncenter{text-align:center}.alignjustify{text-align:justify;text-justify:inter-ideograph}.acord_tit{cursor:pointer}#TB_window{border-radius:8px;box-shadow:1px 1px 3px #333;position:fixed;background:#fff;z-index:102;display:none;border:4px solid #525252;top:50%;left:50%}#TB_secondLine{font:10px;text-align:center;border-radius:2px;background:#efefef;box-shadow:1px 1px 1px #ccc inset;margin:0 0 34px}#TB_next,#TB_prev{position:absolute;top:100px;right:0}#TB_prev{left:0}#TB_next a,#TB_prev a{font-size:1.4em;font-weight:700;background:#999;background:rgba(0,0,0,.4);box-shadow:0 0 3px #999;color:#fefefe;text-decoration:none;padding:6px 14px;display:inline-block;text-shadow:1px 1px 1px rgba(0,0,0,.2)}#TB_next a{border-radius:4px 0 0 4px;float:right}#TB_prev a{border-radius:0 4px 4px 0;float:left}#TB_next a.hover,#TB_prev a.hover{background:#666;background:rgba(0,0,0,.8)}#TB_overlay{position:fixed;z-index:100;top:0;left:0;background:#000;opacity:.75;height:100%;width:100%}#TB_Image{display:block;margin:15px 0 0 15px;border:1px solid #ccc;border-radius:4px}#TB_caption{padding:7px 15px}#TB_closeWindow{position:absolute;bottom:0;left:0;right:0;text-align:center}#TB_closeWindowButton{background:#cfcfcf;color:#333;text-decoration:none;padding:2px 14px;display:block;border-radius:0 0 4px 4px;border-top:1px solid #ccc}#TB_closeWindowButton.hover{background:#666;color:#fefefe}#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}#TB_title{background:#e8e8e8;height:27px}#TB_ajaxContent{clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4}#TB_ajaxContent.TB_modal{padding:15px}#TB_ajaxContent p{padding:5px 0}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background:#fff;border:none;opacity:0;height:100%;width:100%}#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px}#loadbar{background:url(../img/loadingAnimation.gif) no-repeat;height:16px;width:160px}.brows_ie10 #loadbar,.brows_other #loadbar{border:1px solid #a8a8a8;overflow:hidden;background:#fff;border-radius:2px}.brows_ie10 .loadbar_line,.brows_other .loadbar_line,.cssfx{background:#a8a8a8;float:left;width:13px;height:108px;margin:-25px 22px 0 0;transform:rotate(45deg)}.loadbar_anim{width:212px;-webkit-animation:loadbar_anim .9s linear infinite;animation:loadbar_anim .9s linear infinite}/* 初期設定 ----------------------------------------------------*/ html{background-color: #fff;} /* FontColor */ body, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, dt a, h1 a.hover, h2 a.hover, h3 a.hover, h4 a.hover, h5 a.hover, h6 a.hover, dt a.hover, .c2 a, a.c2, .c3 a, .c3 a.hover, a.c3, a.c3.hover{ color: #333; } /* selection */ ::selection{ background: #d5eeff; color: #666; } ::-moz-selection{ background: #d5eeff; color: #666; } /* a */ a, .c1 a, a.hover, .c1 a.hover, .c2 a.hover, a.c2.hover{ color: #0060aa; } a.c4, a.c4.hover, .c4 a, .c4 a.hover{ color: #fefefe; } /* Hn */ h1, h2, h3, h4, h5, h6{ clear: both; line-height: 1.5; } h1, .midashi_h1{ font-size: 1.6em; padding: 6px 10px; margin: 0 0 .618em; font-weight: bold; border: 2px solid #c8c8c8; border-left: none; border-right: none; background: none; box-shadow: none; } h2, .midashi_h2{ font-size: 1.4em; padding: 4px 10px; margin: 0 0 .414em; font-weight: bold; border: none; background: none; box-shadow: none; after: " "; } h2:after, .midashi_h2:after, h2 .after:last-child, .midashi_h2 .after:last-child{ content: " "; display: block; height: 2px; margin: 0 -10px; background: #2884ca; background: linear-gradient(left, #2884ca 27%, #d7d7d7 27%); } .recruit_common_body h2:not(.midashi_none), .recruit_common_body .midashi_h2:not(.midashi_none){ font-size: 2.2em; padding: 0; margin: 0 0 42px; font-weight: bold; text-align: center; border: none; background: none; box-shadow: none; } .recruit_common_body h2:not(.midashi_none):after, .recruit_common_body .midashi_h2:not(.midashi_none):after, .recruit_common_body h2:not(.midashi_none) .after:last-child, .recruit_common_body .midashi_h2:not(.midashi_none) .after:last-child{ display: none; } .recruit_common_body h2:not(.midashi_none)>span, .recruit_common_body .midashi_h2:not(.midashi_none)>span{ position: relative; display: block; padding-bottom:0.5em; border-bottom: 7px solid #0070b0; } .recruit_common_body h2:not(.midashi_none)>span:before, .recruit_common_body h2:not(.midashi_none)>span:after, .recruit_common_body .midashi_h2:not(.midashi_none)>span:before, .recruit_common_body .midashi_h2:not(.midashi_none)>span:after{ position: absolute; top: 100%; left:50%; transform:translateX(-50%); content: ''; border: 20px solid transparent; } .recruit_common_body h2:not(.midashi_none)>span:before, .recruit_common_body .midashi_h2:not(.midashi_none)>span:before{ border-top: 20px solid #0070b0; border-width: 28px; } .recruit_common_body h2:not(.midashi_none)>span:after, .recruit_common_body .midashi_h2:not(.midashi_none)>span:after{ margin-top: -1px; border-top: 20px solid #fff; } h3, .midashi_h3{ font-size: 1.2em; padding: 4px 10px; margin: 0 0 .414em; font-weight: bold; border: none; background: #e0e0e0; box-shadow: none; before: "h"; } h4, .midashi_h4{ font-size: 1.2em; padding: 4px 10px; margin: 0 0 .414em; font-weight: bold; border: none; background: none; box-shadow: none; } h3:before, .midashi_h3:before, h3 .before, .midashi_h3 .before, h4:before, .midashi_h4:before, h4 .before, .midashi_h4 .before{ content: "h"; font-family: "fontelloDef"; margin: 0 4px 0 0; color: #2884ca; } h5, .midashi_h5{ font-size: 1.2em; padding: 0 .618em; margin: 0 0 .414em; font-weight: bold; border: none; border-bottom: 1px solid #c8c8c8; background: none; box-shadow: none; } h6, .midashi_h6{ font-size: 1.2em; padding: 0 .618em; margin: 0 0 .414em; font-weight: bold; border: none; background: none; box-shadow: none; } .midashi_none, h1.none, h2.none, h3.none, h4.none, h5.none, h6.none{ font-size: 1em; padding: 0; margin: 0; font-weight: normal; border: none; background: none; box-shadow: none; } .muse .midashi_none, .muse h1.none, .muse h2.none, .muse h3.none, .muse h4.none, .muse h5.none, .muse h6.none{ margin: 0 0 .414em; } h1:before, .midashi_h1:before, h1 .before, .midashi_h1 .before, h2:before, .midashi_h2:before, h2 .before, .midashi_h2 .before, h5:before, .midashi_h5:before, h5 .before, .midashi_h5 .before, h6:before, .midashi_h6:before, h6 .before, .midashi_h6 .before, .midashi_none:before, .midashi_none .before, .recruit_common_body h2.midashi_none:before, .recruit_common_body h2.midashi_none .before, .recruit_common_body .midashi_h2.midashi_none:before, .recruit_common_body .midashi_h2.midashi_none .before, h1.none:before, h1.none .before, h2.none:before, h2.none .before, h3.none:before, h3.none .before, h4.none:before, h4.none .before, h5.none:before, h5.none .before, h6.none:before, h6.none .before, h1:after, .midashi_h1:after, h1 .after:last-child, .midashi_h1 .after:last-child, h3:after, .midashi_h3:after, h3 .after:last-child, .midashi_h3 .after:last-child, h4:after, .midashi_h4:after, h4 .after:last-child, .midashi_h4 .after:last-child, h5:after, .midashi_h5:after, h5 .after:last-child, .midashi_h5 .after:last-child, h6:after, .midashi_h6:after, h6 .after:last-child, .midashi_h6 .after:last-child, .midashi_none:after, .midashi_none .after:last-child, .recruit_common_body h2.midashi_none:after, .recruit_common_body h2.midashi_none .after, .recruit_common_body .midashi_h2.midashi_none:after, .recruit_common_body .midashi_h2.midashi_none .after, h1.none:after, h1.none .after:last-child, h2.none:after, h2.none .after:last-child, h3.none:after, h3.none .after:last-child, h4.none:after, h4.none .after:last-child, h5.none:after, h5.none .after:last-child, h6.none:after, h6.none .after:last-child{ display: none; } .tinyFz.tinyFz_150{ line-height: 1.5; } /* パンくず */ #pankz{ font-size:0.95em; padding:0 0 0 2px; margin:8px 0 34px; } /* 先頭に戻る */ #pagetop a{ position: fixed; display: inline-block; bottom: 30px; right: 50%; margin-right: -610px; padding: 5px; background: rgba(255,255,255,.5); opacity: 1; } #main_body #pagetop a{ /* バナー取り下げ時に消す戻すこと */ right: 40px !important; margin: 0; } #pagetop a.hover{ opacity: .5; } @media(max-width: 1240px){ #pagetop a{ left: inherit; margin: 0; right: 20px; } } /* CF7 */ .add1{ display: inline-block; } .contact{ width: 95%; } .contact th{ width: 25%; } .txt_cent{ text-align: center; } .asta{ color: #f00; } .astaIcon{ background: #f00; color: #fefefe; font-weight: normal; padding: 1px 8px; font-size: .85em; margin: 0 0 0 8px; display: inline-block; border-radius: 3px; } .wpcf7-radio .wpcf7-list-item, .wpcf7-checkbox .wpcf7-list-item{ display: inline-block; } .wpcf7-form input[type="submit"]{ font-weight: bold; color: #333; border: 1px solid #c0c0c0; border-radius: 5px; padding: 6px 14px; letter-spacing: 1px; text-shadow: 1px 1px 0 #eee; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #ccc; background: #eaeaea; background: linear-gradient(top, #fefefe 0%, #eaeaea 100%); } .wpcf7-form input[type="submit"].hover{ cursor: pointer; border: 1px solid #b5c0cb; border-radius: 5px; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #b5c0cb; background: #cfebff; background: linear-gradient(top, #fefefe 0%, #c1daec 100%); } .wpcf7-form input[type="submit"]:active{ box-shadow: none; position: relative; top: 2px; left: 2px; } .vline .wpcf7-list-item{ display: block !important; } /* P + ボタン */ .pBtn a, .btn{ border-style: solid; border-width: 1px; letter-spacing: 1px; text-decoration: none; border-radius: 4px; } .pBtnLage a{ padding: 3px 0; font-size: 1.5em; font-weight: bold; } .pBtnMdle a{ padding: 3px 1em; } .btn, .btn.hover{ padding: 6px 20px; color: #fefefe; border-color: #000; background-color: #000; display: inline-block; *display: inline; *zoom: 1; } .btn.hover{ background: #666; } /* P + ボタン 追加 */ .pBtn_maru a{ display: block; text-align: center; text-decoration: none; color: #fefefe; background: #2e5eb0; border: 3px solid #2e5eb0; border-radius: 50px; } .pBtn_maru a.hover{ background: #fff; color: #2e5eb0; } .pBtn_maru a:before{ content: "h"; font-family: "fontelloDef"; margin: 0 4px 0 0; } .pBtn_maru_red a{ background: #ce2020; border-color: #ce2020; } .pBtn_maru_red a.hover{ color: #ce2020; } .pBtn_maru_orange a{ background: #e39d22; border-color: #e39d22; } .pBtn_maru_orange a.hover{ color: #e39d22; } .pBtn_maruLage a{ padding: 0 10px; padding-top: 6px; padding-bottom: 6px; font-size: 1.6em; font-weight: bold; } .pBtn_maruMdle a{ display: block; font-size: 1.4em; } .pBtn_maruMini a{ display: inline-block !important; font-size: 1em; padding: 0 10px; width: 50%; } /* リストアイコン（サイドバー / サイトマップ / 404 / 関連記事 / スマホメニュー） */ .listIcon a{ before: "h"; } .listIcon a:before, .listIcon a .before{ font-family: 'fontelloDef'; content: "h"; margin: 0 4px 0 0; color: #ff7162; } /* FONT-FACE */ body, pre, input[type="submit"], button, .f1, .editAnc, .midashi_none{ font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", "Meiryo", Arial, Meiryo, sans-serif; } h1, h2, h3, h4, h5, h6, .f3{ font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", "Meiryo", Arial, Meiryo, sans-serif; } .os_mac, .os_mac pre, .os_mac input[type="submit"], .os_mac button, .os_mac .f1, .os_mac .midashi_none{ font-family: "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "sans-serif"; } .os_mac h1, .os_mac h2, .os_mac h3, .os_mac h4, .os_mac h5, .os_mac h6, .os_mac .f3{ font-family: "游ゴシック", "YuGothic", "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "sans-serif"; } .f2, .os_mac .f2{ font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "serif"; } @font-face{ font-family: 'fontelloDef'; src: url("../fonts/fontelloDef.eot"); src: url("../fonts/fontelloDef.eot?#iefix") format("embedded-opentype"), url("../fonts/fontelloDef.woff") format("woff"), url("../fonts/fontelloDef.ttf") format("truetype"), url("../fonts/fontelloDef.svg#icomoon") format("svg"); } /* 追加 Js+Pl ----------------------------------------------------*/ #wpadminbar{ background-color: rgba(35, 40, 45, .5) !important; } /* input関連 */ input[type=text], input[type=email], input[type=password] { border-radius: 5px; border:#a9a9a9 1px solid; max-width:85%; width: auto; height:23px; padding:0 3px; margin:3px 0; } select, input[type=date]{ border-radius: 5px 0 0 5px; border:#a9a9a9 1px solid; min-height:25px; padding:0 0 0 3px; margin:3px 0; } input[type=date]{ padding: .309em .618em; } textarea { border-radius: 5px 0 0 5px; border:#a9a9a9 1px solid; width:95%; padding:3px; margin:3px 0; } input[type=text]:focus, input[type=password]:focus { border:solid 1px #20b2aa; } /* welcart（クレジット決済ダイアログ） */ .ui-widget-header{ background: #0060aa !important; border-radius: 3px !important; border: none !important; padding: 7px 10px !important; margin: 0 auto !important; font-size: 16px !important; color: #fff !important; } #escott th{ text-align: left !important; padding: 10px 0 !important; margin: 0 !important; border: none !important; border-bottom: 1px solid #e6e6e6 !important; font-size: 13px !important; color: #323232 !important; background: none !important; vertical-align: top !important; width: 23%; } #escott td{ text-align: left !important; padding: 10px 0 !important; margin: 0 !important; border: none !important; border-bottom: 1px solid #e6e6e6 !important; font-size: 12px !important; color: #323232 !important; background: none !important; vertical-align: top !important; } #escott input[type="tel"]{ border-radius: 5px; border: #a9a9a9 1px solid; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0,0,0,0.3); width: 35%; height: 23px; padding: 0 3px; margin: 3px 8px 3px 0; } #escott input[type="tel"]#seccd{ width: 15%; } .settlement_form_send input[type=button]{ padding: 3px 9px; margin-top: 10px; font-size: .9em; } /* 共通（仕訳は別の機会に行う） */ .left { width:auto; float:left; padding:0; margin:0; } .right { width:auto; float:right; padding:0; margin:0; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } #item_content .sp_display { display:none; } #contact_banner { width:650px; padding:0; margin:0 auto 15px; } /*テーブル*/ table.oneline { width:630px; padding:0; margin:0 auto 10px; border:none; border-top:1px dotted #c8c8c8; } table.oneline td { padding:10px; margin:0; border:none; border-bottom:1px dotted #c8c8c8; background:url("../img/list_bg.gif") repeat-x bottom; } table.about_table { width:630px; padding:0; margin:0 auto 10px; } /*イメージテーブル*/ table.img_table { width:900px; padding:0; margin:0 auto 10px; background:none; border:none; } table.img_table td { width:160px; height:118px; padding:5px 10px 20px; margin:0 auto 10px; background:url("../img/img_table_bg.png") no-repeat 5px top; border:none; text-align:center; vertical-align:top; } table.img_table td img { padding:0; margin:0; width:160px; height:118px; overflow:hidden; border:none; text-align:center; vertical-align:top; } /*リストテーブル*/ #scont .list-table { width:650px; padding:0; margin:0 auto 20px; border:none; background:none; } #scont .list-table td { width:auto; padding:5px 0; margin:0 auto 20px; border:none; background:none; } /*トップ説明テーブル*/ .top_info_table { width:900px; padding:0; margin:0 auto 10px; border:none; background:none; } .top_info_table td.top_info_table01 { width:425px; height:95px; padding:45px 15px 20px 10px; margin:0 10px 0 0; background:url("../img/top_infotable_01.jpg") no-repeat left top; font-size:12px; line-height:1.4em; border:none; vertical-align:top; } .top_info_table td.top_info_table02 { width:425px; height:95px; padding:45px 10px 20px 15px; margin:0; background:url("../img/top_infotable_02.jpg") no-repeat 5px top; font-size:12px; line-height:1.4em; border:none; vertical-align:top; } .mb10 { margin-bottom:10px;} .mb20 { margin-bottom:20px;} .page_visual { width:900px; height:auto; padding:0; margin:0 auto 10px; } #item_visual { width:auto; padding:0; margin:0 auto 20px; } /* カウントアップを行うjQuery */ .up-down-buttons button{ width: 20px; margin: 0 0 0 4px; } /* flexslider jQuery */ .flexslider{ position: relative; } .flex-control-nav{ text-align: center; } .flex-control-nav li{ margin: 0 4px; display: inline-block; *display: inline; *zoom: 1; } .flex-control-nav a{ width: 18px; height: 18px; text-indent: -999px; background: #ccc; cursor: pointer; border-radius: 50%; display: block; } .flex-control-nav a.hover, .flex-control-nav .flex-active{ background: #666; } .flex-direction-nav a{ width: 47px; height: 47px; position: absolute; top: 40%; overflow: hidden; background: #887633; background: rgba(0,0,0,.6); border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); display: inline-block; *display: inline; *zoom: 1; } .flex-direction-nav a.hover{ background: #666; background: rgba(0,0,0,1); } .flex-prev{ left: -30px; } .flex-next{ right: -30px; } .flex-direction-nav img{ position: absolute; top: 0; } .flex-prev img{ left: 0; } .flex-next img{ right: 0; } /* p PC/SP 切り替え-追加v6- */ .pSp{ display: none; } .muse .pSp + .wp-video{ display: none; } /* video 動画のコントロールパネルを非表示 */ .muse .mejs-controls{ display: none !important; } /* レイアウト ----------------------------------------------------*/ html{ filter: grayscale(14%); } body{ min-width: 1140px; } .csize{ width: 1100px; margin: 0 auto; } .item_body .csize{ width: 900px; } .item_body #header .csize, .item_body #f_shopBlock, .item_body #footer .csize{ width: 1100px; } #scont, #tinymce{ width: 845px; } #scont{ float: left; } .no_sidebar #scont{ width: auto; float: none; } #sidebar{ width: 230px; float: right; } #scont, #sidebar, #m_txt, #f_txtarea{ margin-bottom: 1em; } #main_body #scont{ margin-bottom: 0; } #f_txtarea{ clear: both; } /* BODY */ .fontLageBody{ font-size: 1.2em; } .fontLageBody input[type=text], .fontLageBody input[type=password], .fontLageBody input[type=text]:focus, .fontLageBody input[type=password]:focus{ font-size: 100%; } /* 下マージン */ .sm{ margin-bottom: 14px; } .cm{ margin-bottom: 34px; } .cm2{ margin-bottom: 48px; } /* header.php ----------------------------------------------------*/ /*ヘッダー*/ #sub_body #header{ border-top: 2px solid #0060aa; position: relative; } #sub_body #headerTxt{ display: flex; flex-wrap: nowrap; justify-content: space-between; } #sub_body #h_txt{ font-size: 0.85em; font-weight: normal; line-height: 1.3; margin: 7px 0; /*padding-right: 266px;*/ } #sub_body #headerTxt div{ width: calc(1100px - 71vw); } @media (max-width: 1150px){ #sub_body #headerTxt div{ width: 280px; } } #h_logo{ display: inline-block; margin-bottom: 12px; } #h_btn{ position: absolute; right: 0; top: 0; z-index: 2; } .recruit_body #h_btn{ position: fixed; } #h_btn li{ width: 136px; display: inline-block; float: left; background: #2c8bd4; } /* #h_btn li:nth-child(2){ background: #1e7bc2; } #h_btn li:nth-child(3){ background: #1870b4; } */ #h_btn li.h_btn_career{ background: #004376; } #h_btn li.h_btn_mynavi{ background-color: #009de8; } #h_btn li.h_btn_rikunabi{ background-color: #0068b7; } #h_btn a{ font-size: .86em; font-weight: normal; text-align: center; text-decoration: none; padding: 26px 0; line-height: 1.2; letter-spacing: 0.08em; color: #fefefe; display: block; } #h_btn a.h_btn_newLine{ padding: 18px 0; line-height: 1.2; } /* navi */ #nav li{ text-align: center; width: 188px; display: block; float: left; position: relative; } #nav li:first-child{ width: 158px; } #nav li:before, #nav li:last-child:after{ content: ""; display: inline-block; width: 1px; height: 18px; background: #cbcbcb; margin-top: -9px; position: absolute; top: 50%; left: 0; } #nav li:last-child:after{ left: initial; right: 0; } #nav li a{ font-size: 1.2em; text-decoration: none; padding: 8px 0; display: block; } #nav li a.hover{ background: #fafafa; } /* ヘッダー トップページ */ #main_body #header{ position: relative; } #main_body #headerArea{ position: absolute; top: 0; right: 0; left: 0; /* background-color: rgba(255,255,255,.3); */ background-color: #fff; } /* #main_body #headerArea.hover{ } */ #hMain{ padding: 10px 0; } #h_lef{ width: 35%; float: left; } #h_lef img{ max-width: 100%; height: auto; } #h_rig{ width: 60%; float: right; text-align: right; } #h_navSub ul{ padding-top: 10px; } #h_navSub li{ display: inline-block; padding: 0 10px; } #h_navSub li a{ text-decoration: none; } /* visual */ #vArea{ background-position: center; background-size: cover; height: 550px; margin-bottom: 16px; } /* #visual{ padding-top: 6px; background: url(../img/vBg.jpg?0) no-repeat center top; background-size: cover; height: 604px; } */ #visualBlock{ padding: 216px 0 186px; } #visualBlock p{ color: #fefefe; } #visualBlock p:first-child{ font-size: 3em; font-weight: 700; line-height: 1.3; filter: drop-shadow(0 0 2px rgba(0,0,0,.6)); } #visualBlock p:last-child{ font-size: 1.3em; font-weight: 500; filter: drop-shadow(0 0 2px rgba(0,0,0,.6)); } /* ショッピング用 */ #headerBlock{ border-bottom: 1px solid #c8c8c8; background: #fff; padding: 13px 0; text-align: center; } #header_guide, #h_shppingNav{ display: inline-block; font-size: .9em; } #h_shppingNav li{ display: inline-block; } #h_shppingNav li a{ display: inline-block; text-decoration: none; padding: 4px 30px; border: 1px solid #c8c8c8; background: #f0f0f0; border-radius: 4px; } #h_shppingNav li a.hover{ background: #e0e0e0; } /* 採用ページ visual */ #sub_body.recruit_body #header{ border: none; } .recruit_visual_bg{ background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1; } #recruit_vCatch{ padding: 280px 0 200px; text-align: center; filter: drop-shadow(0 0 3px rgba(0,0,0,.3)); } /* sidebar.php ----------------------------------------------------*/ #sidebar{ font-size: .9em; } .s_info { padding:0 0 5px; margin:0 0 10px; border-bottom:1px dotted #c8c8c8; } .s_info dt { margin:0 0 5px; } #sidebar .s_info dd p { font-size:10px; line-height:1.2em; margin:0 0 3px; } .side_list, .side_link { margin:0 0 10px; } .side_list dt{ font-size: 1.1em; border-bottom: 1px solid #cbcbcb; padding-left: 6px; margin-bottom: 9px; } .side_list dd { } .side_list dd ul li { margin-bottom: 9px; background:url("../img/listcheck.png") no-repeat 7px 50%; } .side_list dd ul li a { display:block; text-decoration:none; font-weight: normal; color: #333; padding:3px 3px 0 20px; border-bottom: 1px solid #fff; } .side_list dd ul li a.hover { border-bottom: 1px solid #2884ca; } .side_link dt{ font-size: 1.1em; border-bottom: 1px solid #cbcbcb; padding-left: 6px; margin-bottom: 9px; } .side_link dd { padding:5px 0 0; } .side_link dd ul li { margin:0 0 5px; } .sid_top_banner li { margin:0 0 10px; } #sid_cart { padding:0 5px 5px; margin:0 auto 15px; background:#eaf4fc; border-radius:0 0 3px 3px; } #sid_cart_area { padding:10px 9px 9px; background:#fff; border:1px solid #cfe3f7; border-top:none; border-radius:0 0 3px 3px; } #sid_cart_area p { margin:0 0 5px !important; line-height:1em; text-align:right; } #side_txtlink { margin:0 auto 10px; } #side_txtlink dt{ font-size: 1.1em; border-bottom: 1px solid #cbcbcb; padding-left: 6px; margin-bottom: 9px; } #side_txtlink dd { } #side_txtlink dd ul li { padding: 3px; } #side_txtlink dd ul li a { display:block; padding:3px 3px 0 15px; margin-bottom: 9px; background:url("../img/listcheck.png") no-repeat left 50%; font-size:13px; font-weight: normal; color: #333; line-height:1.4em; text-decoration:none; border-bottom: 1px solid #fff; } #side_txtlink dd ul li a.hover{ border-bottom: 1px solid #2884ca; } /* 関連ページ */ .s_pageNav{ border: 1px solid #c8c8c8; } .s_pageNav .sid_listTit, .cssfx{ border-bottom: 1px solid #c8c8c8; font-weight: bold; padding: 4px 7px; background: #f3f3f3; background: linear-gradient(top, #fefefe 0%, #f3f3f3 100%); } .s_pageLis{ font-size: .9em; } .s_pageLis a{ display: block; border-bottom: 1px dotted #c8c8c8; padding: 2px 7px 2px 1.3em; } .s_pageLis a:before, .s_pageLis a .before{ margin-left: -.6em; float: left; } .s_pageLis > li:nth-last-of-type(1) a{ border: none; } .s_pageLis li li a{ padding-left: 2.3em; } /* サイドバーリンク */ .s_linkArea li{ margin: 0 0 10px; } /* footer.php ----------------------------------------------------*/ /* footer 営業所案内 */ #f_shopArea{ background: #eee; } #main_body #f_shopArea{ background: #efefef; } #main_body #f_shopBlock{ padding: 12px 0 0; } #sub_body #f_shopBlock{ padding: 18px 0; } #f_shopTxt{ /* min-height: 235px; padding: 20px 0 20px 300px; background: url(../img/tp_kyotenBg.png) no-repeat left 50%; */ text-shadow: 0 -2px 0 #eee, 2px -2px 0 #eee, 2px 0 0 #eee, 2px 2px 0 #eee, 0 2px 0 #eee, -2px 2px 0 #eee, -2px 0 0 #eee, -2px -2px 0 #eee; } #main_body #f_shopTxt{ width: 37%; /* text-shadow: 0 -2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff; */ } #main_body #f_shopTit{ padding: 35px 0 20px; } #f_shopTit{ padding: 0; font-size: 2.3em; font-weight: 600; text-align: center; } #f_shopTxt p{ margin: 0 0 14px; } #f_shopBan li{ width: 48%; float: left; text-shadow: none; } #f_shopBan li:last-child{ float: right; } #f_shopBan li a{ display: block; text-align: center; font-size: 1.2em; font-weight: normal; text-decoration: none; padding: 8px 0; color: #0060aa; border: 1px solid #0060aa; border-radius: 4px; before: "f"; } #f_shopBan li a.hover{ background: #0060aa; color: #fefefe; } #f_shopBan li:last-child a{ color: #109181; border-color: #109181; } #f_shopBan li:last-child a.hover{ color: #fefefe; background: #109181; } #f_shopBan li a:before, #f_shopBan li a .before{ content: "f"; font-family: "fontelloDef"; margin: 0 4px 0 0; } #f_shopYurai, #f_shopTxt{ display: inline-block; float: left; } #main_body #f_shopYurai{ width: 63%; } #f_shopYurai{ width: 54%; } #f_shopYurai_logo, #f_shopYurai_img{ width: 50%; float: left; display: inline-block; } #f_shopYurai_logo{ text-align: center; padding: 33px 0 0; } #f_shopYurai_logo img{ margin-bottom: 20px; } #f_shopYurai_logo a{ text-decoration: none; padding: 8px 22px; border: 1px solid #333; border-radius: 4px; color: #333; display: inline-block; } #f_shopYurai_logo a.hover{ background: #fff; } #f_shopTxt{ width: 44%; float: right; } /* footer */ #f_navArea{ font-weight: 500; padding: 30px 0; background: #202c35; } #f_contBlock, #f_contBlock a{ color: #fefefe; } #f_contLef{ width: 260px; float: left; } #f_logo, #f_contLef address{ margin-bottom: 12px; } #f_contLef address{ font-size: .9em; } #f_contLef address a{ text-decoration: none; } #f_contLef address a:before{ content: "h"; font-family: "fontelloDef"; margin: 0 4px 0 0; } #f_ssl{ display: inline-block; } #f_contRig{ width: 761px; float: right; } #f_contRig_cont{ display: flex; flex-wrap: nowrap; justify-content: left; } #f_contRig_cont .f_nav{ width: 66%; } #f_contRig_cont .f_nav_r{ width: 34%; } .f_nav li, .f_nav_r li{ list-style-type: none; } .f_nav li{ width: 46%; padding: 0 12px 0 0; float: left; } .f_nav a, .f_nav_r a{ text-decoration: none; display: block; } .f_nav a.hover, .f_nav_r a.hover{ text-decoration: underline; } /* フッターの問い合わせ枠 */ #contactNavArea{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #5f84a4; background: linear-gradient(rgba(95,132,164,.8) 0, rgba(95,132,164,1) 100%); } #contactNavBox{ position: relative; } #contactNavBlock{ padding: 16px 0; position: relative; } #conactNavImg{ font-size: 2.0em; text-align: center; color: #fefefe; margin: 0 0 12px; } #contactNav_lef{ width: 200px; float: left; padding: 8px 0 0; } #contactNav_lef img{ max-width: 100%; width: auto; height: auto; vertical-align: top; } #contactNav_rig{ width: 680px; float: right; } #contactNav_rig li{ width: 49%; float: right; font-size: 1.3em; list-style: none; } #contactNav_rig li:first-child{ float: left; } #contactNav_rig a{ display: block; border: 1px solid #fff; text-align: center; padding: 12px; text-decoration: none; line-height: 1; before: "n"; } #contactNav_rig a:before, #contactNav_rig a .before{ font-family: "fontelloDef"; margin: 0 4px 0 0; font-size: .85em; } #contactNav_rig a.hover{ box-shadow: 0 0 0 4px rgba(255,255,255,.8) inset; } /* コピーライト */ #f_copy{ text-align: center; color: #fefefe; font-size: 0.8em; } /* footer バナー */ #f_ban{ padding: 30px 0; background-color: #fff; } #f_ban li{ width: 24%; display: inline-block; text-align: center; } #f_ban a{ text-decoration: none; display: inline-block; } #f_ban a.hover{ opacity: .8; } #f_ban li img{ max-width: 100%; width: auto; height: auto; margin: 0 0 5px; } #f_ban li span{ color: #333; text-align: center; display: block; } #f_ban span:after { content: "J"; font-family: "fontelloDef"; padding: 0 0 0 2px; } /* 先頭に戻る */ #contactNavBtn{ position: absolute; top: -30px; right: 0; line-height: 30px; text-decoration: none; padding: 0 20px; background: #5f84a4; background: rgba(95,132,164,.8); display: inline-block; before: " "; } #contactNavBtn{ left: inherit; height: 30px; display: block; cursor: pointer; border-radius: 0 5px 0 0; } #contactNavBtn:before, #contactNavBtn:after{ position: absolute; top: 8px; left: 18px; content: ""; width: 3px; height: 18px; background: #fff; transform: rotate(45deg); display: inline-block; } #contactNavBtn:after{ left: inherit; right: 19px; transform: rotate(-45deg); } #contactNavBtn.notActive:before{ left: 13px; } #contactNavBtn.notActive:after{ right: 13px; } #fixed_ban{ display: none; } #fixed_ban a{ display: block; position: fixed; bottom: 75px; right: 20px; /* right: 50%; margin-right: -630px; */ opacity: 1; } #fixed_ban a.hover{ opacity: .8; } @media(max-width: 1240px){ #fixed_ban a{ margin: 0; left: inherit; right: 20px; } }/* トップページ [home] ----------------------------------------------------*/ /* 共通 */ .tpContTitle{ text-align: center; margin-bottom: 32px; } .tpContTitle span{ font-size: 1.05em; } .tpContTitle span:before{ content: attr(data-tit); display: block; font-size: 2em; font-weight: bold; line-height: 1.1em; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "serif"; } /* 本文 */ #tpContent{ padding-bottom: 30px; } .tpContent_block{ width: 48%; float: left; margin: 0 0 24px; } .tpContent_block:nth-child(even){ float: right; } .tpContent_block a{ display: block; text-decoration: none; } .tpContent_block a.hover{ opacity: .85; } .tpContent_img{ margin: 0 0 4px; text-align: center; } .tpContent_img img{ max-width: 100%; width: auto; height: auto; } .tpContent_subTit{ color: #0060aa; padding: 4px 0; font-size: 1.4em; } /* 会社概要・営業所一覧ボタン */ #tpComBtn ul{ display: flex; justify-content: right; } #tpComBtn li{ display: inline-block; margin-left: 8px; } #tpComBtn a{ display: inline-block; padding: 5px 8px 3px; border: 1px solid #8a8a8a; font-size: 0.9em; border-radius: 25px; color: #8a8a8a; } #tpComBtn a.hover{ border-color: #0060aa; color: #0060aa; } /* 新着情報 */ #tpNews{ padding: 8px 0 38px; } .pc_body #tpNewsArea, .pc_body #tpNewsArea .news_link{ display: flex; flex-wrap: nowrap; } .pc_body #tpNewsArea{ justify-content: space-between; } .pc_body #tpNews_tit{ width: 12%; position: relative; } .pc_body #tpNews_tit span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.8em; color: #4b6375; } .pc_body #tpNewsArea .news_list{ width: 85%; } .pc_body #tpNewsArea .news_link{ align-items: center; padding: 8px 2px 5px; border-bottom: 1px dotted #333; text-decoration: none; } .pc_body #tpNewsArea .news_date{ width: 15%; margin-bottom: 0; } /* 新着情報 */ .news_li{ border-bottom: 1px dotted #c8c8c8; font-weight: 500; } .news_link{ padding: 2px 10px; display: block; text-decoration: none; } .news_link.hover{ color: #333 !important; text-decoration: none; } .news_date{ display: inline-block; margin-bottom: 10px; margin-right: 10px; } a.news_link.hover .news_title{ color: #0092ee; } .news_icon{ font-size: 0.85em; padding: 2px 13px; margin-right: 10px; background: #0060aa; color: #fefeef; display: inline-block; border-radius: 3px; } .news_title{ display: block; line-height: 1.1em; } /* コンテンツ */ #tpContent{ padding-top: 50px; background: linear-gradient(to Bottom, #f3f6fa 0, transparent 60%); } .tp_cont{ padding: 82px 0; } #tp_cont_first{ padding: 32px 0; } #tp_cont_third{ background-color: #d9d9d9; } /* 商品一覧 */ #topban_listArea{ padding-bottom: 30px; border-bottom: 3px solid #eeeeee; } #topban_listHead{ position: relative; margin: 0 0 14px; } #topban_listTit{ font-size: 1.8em; } #topban_listHead a{ position: absolute; right: 0; bottom: 0; padding: 3px 20px; text-decoration: none; color: #0060aa; border: 1px solid #0060aa; border-radius: 4px; } #topban_listHead a:before, #topban_listHead a .before{ content: "f"; font-family: "fontelloDef"; margin: 0 4px 0 0; } .topban_listCont{ width: 32%; float: left; margin-right: 1.5%; background: #ececec; box-shadow: 1px 1px 3px rgba(0,0,0,.4); } .topban_listCont:last-child{ margin: 0; } .topban_listCont a{ text-decoration: none; } .topban_listCont a.hover .topban_listContIn{ opacity: .85 !important; } .topban_listContInBg{ background: #fff; } .topban_list_img{ text-align: center; margin-bottom: 7px; height: 245px; } .topban_list_img img{ width: auto; max-width: 288px; max-height: 245px; } .itemIcon span{ padding: 2px 0; width: 45%; float: left; display: block; text-align: right; color: #f70000; font-weight: bold; font-size: 1.1em; } .itemIcon span:last-child{ color: #137e01; float: right; text-align: left; } .price_tax{ text-align: center; font-weight: normal !important; display: block; } .price{ color: #ed5b14; font-size: 1.4em; } .price span{ font-size: 1.7em; } .topban_list_subTit{ padding: 4px 8px; font-size: .85em; } /* 事業一覧 */ #tp_features{ background: #f7faff; padding: 78px 0 24px; } .tp_featuresBlock{ width: 47%; padding: 12px; margin: 0 1% 42px; background: #fff; float: left; box-shadow: 0 0 5px 5px rgba(0,0,0,.1); box-sizing: border-box; } .tp_featuresBlock:nth-child(even){ float: right; } .tp_featuresTit{ font-size: 1.4em; } /*取扱い商品一覧*/ #tp_catlistList{ background: #efefef; padding: 68px 0 34px; } #tp_catlistList .tpContTitle{ margin-bottom: 18px; } #tp_catlistListArea{ margin-bottom: 24px; } #tp_catlistListArea .catlistList{ height: 100%; } #tp_catlistListArea .catlistAnc{ margin: 0 5px; padding: 12px; border: none; width: 98.185%; height: 100%; background: #fefefe; position: relative; } #tp_catlistListArea .catlist_lef, #tp_catlistListArea .catlistinfo{ float: none; margin: 0 auto 12px; } #tp_catlistListArea .catlist_lef{ max-width: 100%; max-height: 200px; width: auto; overflow: hidden; } #tp_catlistListArea .catlisttitle{ border: none; font-size: 1.4em; text-align: center; } #tp_catlistListArea .catlistinfo{ width: auto; } #tp_catlistListArea .catlistdesc{ padding: 0 0 1em; } #tp_catlistListArea .catlistMeker{ min-height: initial; padding: 0 !important; border: none; margin: 4px; background: none; } #tp_catlistListArea .catlistSubTit{ border: none !important; } #tp_catlistListArea .flex-control-nav a{ width: 35px; height: 5px; border-radius: 0; } /* サイトマップ [sitemap][404] ----------------------------------------------------*/ #pagelist{ margin: 0 0 1em; } #pagelist a{ text-decoration: none; display: block; padding: .414em 1em; border-bottom: 1px dotted #ccc; } #pagelist li li{ padding-left: 1em; } /* 404 */ #notfound{ text-align: center; } /* アクセスマップ [access] ----------------------------------------------------*/ .ac_map{ background: #eee; border: 1px solid #ccc; padding: .414em; margin: 0 0 1em; text-align: center; } .ac_map iframe{ border: 1px solid #ccc; width: 98%; } /* よくある質問 [faq] ----------------------------------------------------*/ .faqTit label{ cursor: pointer; display: block; padding: .414em 14px .414em 40px; border-bottom: 1px dotted #ccc; margin: 0 0 .414em; } .faqTit label:before, .faqTit label .before:first-child{ content: "Q"; color: #fefefe; font-weight: bold; margin: 0 6px 0 -36px; padding: 1px 8px; font-size: 1.1em; background: #4ca2cc; border-radius: 4px; display: inline-block; *display: inline; *zoom: 1; } .faqCheck{ display: none; } input[type="checkbox"].faqCheck + .faqBlock{ height: 0; padding: 0 .8em; overflow: hidden; } input[type="checkbox"].faqCheck:checked + .faqBlock{ height: auto; margin: 0 0 1em; padding: .618em .8em; border: 1px solid #c8c8c8; border-radius: 4px; } .faqBlock p:last-child{ margin-bottom: 0; } /* スタッフ紹介 [staff] ----------------------------------------------------*/ .staff_list{ margin: 0 0 1em; border-bottom: 2px solid #ccc; padding: 0 10px 10px; } .sl_img{ width: 30%; padding: 5px; float: left; border: 1px solid #ccc; border-radius: 3px; background: #f8f8f8; text-align: center; } .sl_img img{ max-width: 100%; width: auto; height: auto; } .sl_rig{ width: 66%; float: right; } .sl_title{ font-weight: bold; border-bottom: 1px dotted #ccc; padding: 0 .618em; margin: 0 0 .38em; } .sl_com{ font-size: .95em; } .sl_com p{ padding: 0 .618em; margin: 0 0 .618em; } /* 商品一覧 tpl_list.php ----------------------------------------------------*/ #sub_body .catlistList:not(:last-child){ border-bottom: 1px solid #e0e0e0; padding-bottom: 34px; } .catlistAnc{ display: block; width: 32%; padding: 0 0 4px; float: left; box-sizing: border-box; text-decoration: none; } .catlistAnc:nth-child(2){ margin: 0 2%; } .catlist_lef{ max-width: 100%; max-height: 200px; width: auto; text-align: center; margin: 0 auto 12px; overflow: hidden; } .catlistinfo{ width: auto; font-size: .9em; margin: 0 auto 12px; } .catlistimg img{ max-width: 100%; max-height: 110px; width: auto; height: auto; } .pc_body .catlistimg img{ max-width: none; max-height: none; width: 100%; height: auto; } .catlistbox .catlist_bt{ color: #fefefe; background: #0068b0; padding: 2px 0; text-align: center; border-radius: 4px; } .catlistbox2 .catlist_bt{ color: #fefefe; background: #da9000; padding: 2px 0; text-align: center; border-radius: 4px; } .catlist_bt span{ font-size: .9em; } a.catlistAnc.hover{ background: #efefef; } .catlisttitle{ font-size: 1.4em; text-align: center; /* border-bottom: 1px dotted #c8c8c8; */ margin: 0 4px 12px !important; } .catlisttitle:after{ content: ""; display: block; width: 100%; height: 1px; background: linear-gradient(0, #0060aa 24%, #f0f0f0 24%); } .catlistdesc{ min-height: 80px; margin: 0 0 .618em !important; padding: 0 .618em; } .pc_body .catlistdesc{ font-size: 1.25em; line-height: 1.5; } .catlistMeker{ min-height: 75px; padding: 6px; border: 1px solid #eaeaea; margin: 0 4px; background: #f6f6f6; } .catlistSubTit{ padding: 0 0 2px !important; margin: 0 0 6px !important; font-size: .9em !important; border-bottom: 1px dotted #c8c8c8!important; } .pc_body .catlistSubTit{ font-size: 1.1em !important; line-height: 1.4; } .catlistMeker p{ line-height: 1.3; margin: 0 !important; } /* 商品一覧 category.php ----------------------------------------------------*/ .listarea { width:650px; padding:0; margin:0 0 20px; } .listbox_area { width:640px; padding:5px; margin:0 auto 15px; border:none; background:#eaf4fc; border-radius:5px; } .listbox { width:620px; padding:9px; border:1px solid #cfe3f7; background:#fff; border-radius:5px; } .listimg { width:156px; height:auto; float:left; padding:1px; margin:0; border:1px solid #c8c8c8; } .listimg img { width:156px; height:auto; padding:0; margin:0; } .listinfo { width:440px; min-height:120px; float:right; padding:0; margin:0; } .list_title { font-weight:bold; font-size:14px; padding:0 0 0 20px; margin:0 0 5px; background:url("../img/h3_title.gif") no-repeat left 50%; } .list_title a { text-decoration:none; } .list_maker { min-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 65px; margin:0 0 5px; background:url("../img/maker_icon.png") no-repeat left 50%; } .list_desc { font-size:12px; padding:0; margin:0; } /* 商品詳細 ----------------------------------------------------*/ .listbox_detail { width:630px; padding:15px 0; margin:0 auto 15px; } .listimg_detail { width:196px; height:auto; float:left; padding:1px; margin:0; border:1px solid #c8c8c8; } .listimg_detail img { width:196px; height:auto; padding:0; margin:0; } .listinfo_detail { width:415px; float:right; padding:0; margin:0; } table.photolist { width:630px; padding:0; margin:0 auto 30px; border:none; } table.photolist td { width:157px; padding:0; margin:0; text-align:center; vertical-align:middle; border:none; } table.photolist td img { width:145px; height:auto; padding:1px; margin:0; border:1px solid #c8c8c8; overflow:hidden; } #scont table.photolist td p { text-align:left; padding:5px; margin:0; font-size:11px; line-height:1.4em; } /* インフォメーション一覧 ----------------------------------------------------*/ ul.news_list { /* width:645px; list-style:none; padding:0; margin:0 auto 10px; */ list-style: none; padding: 0; margin: 0 auto 10px; } #main_body ul.news_list li{ padding: 0; border: none; } ul.news_list li { padding: 11px 8px; border-bottom:1px dotted #c8c8c8; } .date { color:#999999; } .news_type span{ background: #05146f; display: inline-block; width: 90px; margin-right: 5px; padding: 1px 15px; text-align: center; font-size: .9em; color: #f0f0f0; } ul.news_list li.newscat1 { background:url("../img/news_icon.png") no-repeat 10px 50%; } ul.news_list li.newscat2 { background:url("../img/news_icon.png") no-repeat 10px 50%; } ul.news_list li.newscat3 { background:url("../img/news_icon.png") no-repeat 10px 50%; } ul.news_list li a, ul.news_list li .news_span { line-height:1.2em; text-decoration:none; } ul.news_list li a.hover { text-decoration:underline; } /* CSR一覧 ----------------------------------------------------*/ #scr_list { width:640px; padding:0; margin:0 auto 20px; } #scr_list dt { height:49px; width:640px; padding:0; margin:0; text-align:right; background:url("../img/csr_news_title.png") no-repeat; } #scr_list dd { padding:0; margin:0; border:2px solid #c8c8c8; border-top:none; border-radius:0 0 3px 3px; } #scr_list ul, #scont .csr_list { width:636px; list-style:none; padding:0; margin:0 auto; } #scont .csr_list { margin:0 auto 20px; } #scr_list ul li, #scont .csr_list li { padding:8px 5px 8px 50px; border-bottom:1px dotted #c8c8c8; margin:0; background:url("../img/csr_icon.png") no-repeat 10px 50%; background-color:#fff; } .date { color:#999999; font-size:0.9em; } #scr_list ul li a, #scont .csr_list li a { font-size:12px; line-height:1.2em; text-decoration:none; } #scr_list ul li a.hover, #scont .csr_list li a.hover { text-decoration:underline; } /* 納入事例 [pv-result] ----------------------------------------------------*/ .pv_list { width:630px; padding:0 0 10px; margin:0 auto 10px; border-bottom:2px solid #c8c8c8; } .pv_img { width:196px; float:left; padding:1px; margin:0; border:1px solid #c8c8c8; } #scont .pv_img img { width:196px; height:auto; padding:0; margin:0; } #scont .pv_list dl { width:420px; float:right; padding:0; margin:0; } #scont .pv_list dt { font-size:14px; font-weight:bold; padding:0 0 3px; margin:0 0 5px; border-bottom:1px dotted #c8c8c8; } #scont .pv_list dd { padding:0; margin:0; } #scont .pv_result_place { padding:0 0 0 15px; margin:0; background:url("../img/pv_icon01.png") no-repeat left 50%; font-size:11px; line-height:1.4em; } #scont .pv_result_maker { padding:0 0 0 15px; margin:0; background:url("../img/pv_icon05.png") no-repeat left 50%; font-size:11px; line-height:1.4em; } #scont .pv_result_kw { padding:0 0 0 15px; margin:0; background:url("../img/pv_icon03.png") no-repeat left 50%; font-size:11px; line-height:1.4em; } #scont .pv_result_comp { padding:0 0 0 15px; margin:0; background:url("../img/pv_icon02.png") no-repeat left 50%; font-size:11px; line-height:1.4em; } #scont .pv_result_link { padding:0 0 0 15px; margin:0 0 5px; background:url("../img/pv_icon04.png") no-repeat left 50%; font-size:11px; line-height:1.4em; } .pv_small { font-size:11px; color:#666; } /* なっとくガッ展 [gatten-list] ----------------------------------------------------*/ #gatten_lef{ width: 600px; float: left; } #gatten_rig{ width: 500px; float: right; margin-top: 54px; } #gatten_list dl { border:1px solid #c8c8c8; border-radius:3px; padding:0; margin:0 0 10px; box-shadow: (rgba(0, 0, 0, .15) 0 0 2px); } #gatten_list dt { padding:5px 10px 5px 30px; margin:0; background:url("../img/blog_title.png") no-repeat left 50%; } #scont h2.gatten_list_title { width:630px; padding:10px 10px 10px 10px; margin:0 auto 15px; background:none; background-color:#2b519a; font-size:16px; line-height:1.5em; color:#fff; border-radius:5px; border:none; } #gatten_list dd { border-top:1px solid #c8c8c8; padding:8px 5px 0; margin:0; background:#FAFAFA; } /* ギャラリー */ #gatten_rig .slideGallery_navigation, #gatten_rig .slideGallery_mainImg{ width: auto; float: none; } #gatten_rig .slideGallery_mainImg{ margin-bottom: 6px; } #gatten_rig .slideGallery_mainImg img{ max-width: 100%; width: auto; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c8c8c8; } #gatten_rig .slideGallery_navigation li{ width: 33%; float: left; margin: 0 2px 6px 0; } #gatten_rig .slideGallery_navigation li:nth-child(even){ float: left; } #gatten_rig .slideGallery_navigation li:nth-child(3n){ float: right; margin-right: 0; } .slideGalleryArea{ padding: 0 10px; } .slideGallery_navigation{ width: 40%; float: left; } .slideGallery_mainImg{ width: 58%; float: right; } .slideGallery_mainImg img{ max-width: 100%; width: auto; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c8c8c8; } .slideGallery_navigation ul{ margin: 0 !important; } .slideGallery_navigation li{ width: 48%; float: left; margin: 0 0 6px; } .slideGallery_navigation li:nth-child(even){ float: right; } .slideGallery_navigation li a{ display: block; border: 1px solid #c8c8c8; padding: 1px; cursor: pointer; border-radius: 3px; } .slideGallery_navigation li a.hover{ border-color: #999; } .slideGallery_navigation li img{ max-width: 100%; width: auto; height: auto; } /* 施工事例 [jirei] ----------------------------------------------------*/ #jireiNav{ margin: 38px auto; text-align: center; } #jireiNav .page_item{ display: inline-block; margin-bottom: 12px; } #jireiNav .page_item a{ display: block; width: 180px; padding: 14px 0; border: 1px solid #cbcbcb; margin: 0 18px; text-decoration: none; } #jireiNav .page_item a.hover, #jireiNav .page_item.active a{ background-color: #cbcbcb; } .jireiList{ width: 30%; margin: 0 1.6%; float: left; } .jireiAnc{ display: block; padding: 14px; border: 1px solid #cbcbcb; text-decoration: none; box-sizing: border-box; } .jireiImg{ width: 300px; height: auto; overflow: hidden; } .jireiImg img{ max-width: 100%; transition: all .3s linear; } a.jireiAnc.hover .jireiImg img{ transform: scale(1.1); } .jireiInfo{ padding: 12px 6px; } .jireiTit{ margin-bottom: 8px; font-weight: bold; font-size: 1.1em; } a.jireiAnc .jireiTit{ color: #0060aa; } a.jireiAnc.hover .jireiTit{ text-decoration: underline; } #jireiArea .jireiTxt p{ margin: 0 0 1em; } #jireiArea .jireiTxt p:last-child{ margin: 0; } #tp_jireiArea{ margin: 16px 0; } #tp_jireiArea img{ border: none; padding: 0; background: 0 0; box-shadow: none; border-radius: 0; } /* 商品一覧 ----------------------------------------------------*/ #item_list { list-style:none; padding: 0 42px; } #item_list li { display: block; margin:0 auto 15px; border:none; border-radius:5px; } #item_list .item_block{ display: inline-block; padding:5px; margin:0 auto 15px; border:none; border-radius:5px; background:#eaf4fc; } #item_list .item_block:nth-child(odd){ float: left; } #item_list .item_block:nth-child(even){ float: right; } #item_list .item_list_area { width:460px; padding:9px; border:1px solid #cfe3f7; background:#fff; border-radius:5px; position: relative; } #scont #item_list h2 { height: auto; padding:0; margin:0 auto 8px; border:none; background:none; line-height:1.2em; } #scont #item_list h2 a { font-size:16px; font-weight:bold; color:#464646; line-height:1.2em; padding:0; margin:0; } #item_list li .item_list_img { position: relative; margin: 0 auto 10px; } #item_list li .item_list_img img { display: block; width: 100%; margin: 0 auto; padding: 1px; } #item_list li .item_list_img img.hover { padding:0; margin:0 auto; border:1px solid #cfe3f7; opacity: .95; } #scont #item_list .item_list_subtxt { position: absolute; bottom: 15px; background: rgba(255,255,255,.9); margin: 0; } #scont #item_list .item_list_subtxt p { padding:0; margin:0; font-size:12px; } .item_list_area .itemIcon{ margin-bottom: 10px; } .item_list_priceArea{ text-align: center; font-size: 1.2em; } #scont #item_list .item_list_price { line-height:1em; padding:0; margin:0 0 10px; } #sub_body .items_buy_line .skubutton { width:220px; height:50px; padding:0; margin:0; text-indent:-9999px; background:url("../img/cart_bt_big_off.png") no-repeat; border:none; cursor:pointer; } #sub_body .items_buy_line .skubutton.hover { background:url("../img/cart_bt_big_on.png") no-repeat; } .min_font { font-size:11px; color:#333; } #scont #item_list .item_list_bt { width:200px; padding:0; margin:0 auto; } /*　商品詳細 ----------------------------------------------------*/ .itemIcon_single.itemIcon span{ width: auto; float: left !important; padding: 4px 20px; margin-right: 6px; border-radius: 4px; text-align: center; background: #f70000; color: #fefefe; font-size: 1.0em; font-weight: normal; } .itemIcon_single.itemIcon span:last-child { background: #137e01; float: right; } #items_detail { margin:0 auto 20px; } .items_detail_img, .items_detail_img.hover { width:350px; float:left; padding:0; margin:0; border:none; background:none; } #sub_body .items_detail_img a, #sub_body .items_detail_img a.hover { display:block; padding:0; margin:0; border:none; background:none; } #sub_body .items_detail_img img, #sub_body .items_detail_img img.hover { width:350px; height:auto; padding:0; margin:0; border:none; background:none; } .items_detail_info { width:530px; float:right; padding:0; margin:0; } #sub_body .items_detail_info h2 { font-size:16px; font-weight:bold; margin:0 0 5px; background:none; border:none; padding:0; } .items_detail_line { padding:7px 0 5px; margin:0; border-bottom:1px dotted #c8c8c8; } .items_detail_left { width:200px; float:left; padding:0 0 0 20px; margin:0; background:url("../img/check_big.png") no-repeat left 50%; } .items_detail_left img { vertical-align:middle; line-height:1.4em; } .items_detail_right { width:240px; float:right; padding:0; margin:0; text-align:right; font-weight:bold; } .items_buy_line { width:auto; padding:5px 0; margin:0; } .items_buy_left { width:150px; float:left; padding:0; margin:0; background:none; } .items_buy_right { width:220px; float:right; padding:0; margin:0; } .items_buy_left img { margin-bottom:5px; } #sub_body .items_buy_left input { width:50px; margin:0 3px; } #scont #items_detail .price { font-size:25px; font-weight:bold; } #sub_body .item_list_cart { float:left; min-height:20px; padding:14px 0 0; margin:0; background:none; text-align: right; } #sub_body .item_list_cart input[type="text"]{ width: 2em; margin: 0 6px; display: inline-block; } #scont .items_detail_line .item_list_cart { width:200px; float:none; min-height:20px; padding:0 0 0 25px; margin:0; background:url("../img/cartin_bg.png") no-repeat 10px 50%; } #scont .items_detail_subtxt { font-size:12px; line-height:1.6em; padding:0; margin:0 0 5px; } #gatten_list dl { border:1px solid #c8c8c8; border-radius:3px; padding:0; margin:0 0 10px; box-shadow: (rgba(0, 0, 0, .15) 0 0 2px); } #gatten_list dt { padding:5px 10px 5px 30px; margin:0; background:url("../img/blog_title.png") no-repeat left 50%; } #scont h2.gatten_list_title { width:630px; padding:10px 10px 10px 10px; margin:0 auto 15px; background:none; background-color:#2b519a; font-size:16px; line-height:1.5em; color:#fff; border-radius:5px; border:none; } #gatten_list dd { border-top:1px solid #c8c8c8; padding:8px 5px 0; margin:0; background:#FAFAFA; } .item_table { width:100%; padding:0; margin:0 auto 30px; border-top:1px solid #c8c8c8; border-left:1px solid #c8c8c8; background:#fff; } .item_table th { padding:3px; background:#F0F0F0; margin:0; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; text-align:center; font-weight:lighter; font-size:12px; vertical-align:top; } .item_table td { padding:3px; background:#fff; margin:0; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; text-align:center; font-weight:lighter; font-size:12px; vertical-align:top; } .item_table td.item_table_name { background:#d7f1ff; font-weight:bold; text-align:left; font-size:15px; padding:3px 10px; } .item_gBan{ width: 98%; margin-bottom: 25px; } .item_gBan_lef, .item_gBan_rig{ width: 48%; display: inline-block; text-align: center; } .item_gBan_rig{ float: right; } .item_gBan_lef a, .item_gBan_rig a{ display: block; border: 1px solid #09527e; border-radius: 4px; text-decoration: none; font-size: 1.6em; color: #09527e; } .item_gBan_lef a:before, .item_gBan_lef a .before:first-child, .item_gBan_rig a:before, .item_gBan_rig a .before:first-child{ content: "f"; font-family: "fontelloDef"; margin: 0 4px 0 0; } .item_gBan_lef span:after, .item_gBan_lef span .after:last-child, .item_gBan_rig span:after, .item_gBan_rig span .after:last-child{ content: attr(data-title); display: block; margin-top: -6px; text-align: center; font-size: .6em; } .item_gBan_rig a{ border-color: #da6f06; color: #da6f06; } .item_gBan_lef a.hover, .item_gBan_rig a.hover{ background: #0060aa; color: #fefefe; } .item_gBan_rig a.hover{ background: #da6f06; } #blog_area { width:630px; padding:0; margin:0 auto; } #cont #blog_area h2 { width:auto; padding:5px 10px 5px 30px; margin:0; background:url("../img/blog_title.png") no-repeat left 50%; border:1px solid #c8c8c8; border-radius:3px 3px 0 0; font-size:15px; line-height:1.2em; } #blog_area .blog_content { padding:10px 15px; margin:0 auto; border:1px solid #c8c8c8; border-top:none; border-radius:0 0 3px 3px; background:#FAFAFA; } .blog_date { font-size:12px; color:#666; } #customer-info .send { margin-bottom:20px; } #scont #confirm_table h3 { background:none; border:none; padding:0; margin:0; } #scont #purchase_button.kanryo { width:200px; height:30px; border:none; background:url("../img/kanryo_bt.png") no-repeat; text-indent:-9999px; cursor:pointer; } /*フローチャート*/ #cont .usccart_navi ul { width: 100%; margin: 0; padding: 0; background:none; list-style: none; } #cont .usccart_navi li { width:25%; float:left; margin:0; padding:0; list-style:none; list-style-position:inside; } /*ボタン*/ #previouscart { border: 0px; width: 150px; height: 35px; background: url("../img/shop_return.png") left top no-repeat; text-indent:-9999px; cursor:pointer; } .to_customerinfo_button { border: 0px; width: 150px; height: 35px; background: url("../img/next.png") left top no-repeat; text-indent:-9999px; cursor:pointer; } #cart .upbutton { text-align:left; } #cart .upbutton input { border: 0px; width: 65px; height: 20px; background: url("../img/upcart.png") left top no-repeat; text-indent:-9999px; cursor:pointer; } #cart .delButton { border: 0px; width: 40px; height: 20px; background: url("../img/delete_bt.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont #purchase_button { border: 0px; width: 320px; height: 50px; background: url("../img/comp_bt.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont #back_button { border: 0px; width: 220px; height: 35px; background: url("../img/deli_return.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont #cus_bt01 input { border: 0px; width: 150px; height: 35px; background: url("../img/next.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont .back_cart_button { border: 0px; width: 150px; height: 35px; background: url("../img/return.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont .to_deliveryinfo_button { border: 0px; width: 150px; height: 35px; background: url("../img/cus_next1.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont .to_reganddeliveryinfo_button { border: 0px; width: 150px; height: 35px; background: url("../img/cus_next2.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont .back_to_customer_button { border: 0px; width: 150px; height: 35px; background: url("../img/return.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } #cont .to_confirm_button { border: 0px; width: 150px; height: 35px; background: url("../img/next.png") left top no-repeat; text-indent:-9999px; cursor:pointer; margin-top:5px; } /*テーブル*/ #cont #cart_table02 { width:100%; padding:0; margin:0 auto 10px; border:none; background:none; } #cont #cart_table02 th { text-align:left; padding:5px 0; margin:0; border:none; border-bottom:2px solid #c8c8c8; font-size:13px; color:#323232; background:none; } #cont #cart_table02 th.num { width:61%; } #cont #cart_table02 th.quantity { width:12%; } #cont #cart_table02 th.subtotal { width:15%; text-align:right; } #cont #cart_table02 td { text-align:left; padding:15px 0; margin:0; border:none; border-bottom:2px solid #c8c8c8; font-size:13px; color:#323232; background:none; } #cont #cart_table02 td.tbl02 { padding:15px 20px 15px 0; } #cont #cart_table02 td.tbl02 img { width:80px; height:auto; padding:0; margin:0; } #cont #cart_table02 td.tbl03 { font-size:20px; font-weight:bold; color:#007fd8; line-height:1.2em; padding-right:10px; } #cont #cart_table02 td.tbl04 { font-size:16px; font-weight:bold; color:#323232; line-height:1.2em; } #cont #cart_table02 td.tbl04 { font-size:16px; font-weight:bold; color:#323232; line-height:1.2em; } #cont #cart_table02 td.tbl06 { font-size:20px; font-weight:bold; color:#c70202; line-height:1.2em; text-align:right; } #cont #cart_table02 td.tbl05 { text-align: center; } #cont #cart_table02 th.total01 { text-align:right; font-size:20px; font-weight:bold; color:#323232; line-height:1.2em; border:none; border-bottom:none; padding:15px 0 0; } #cont #cart_table02 th.total01_min { text-align:right; font-size:14px; font-weight:bold; color:#323232; line-height:1.2em; border:none; border-bottom:none; padding:15px 0 0; } #cont #cart_table02 th.total02 { text-align:right; font-size:20px; font-weight:bold; color:#c70202; line-height:1.2em; border:none; border-bottom:none; padding:15px 0 0; } #cont #cart_table02 td.total03 { text-align:right; font-size:14px; font-weight:bold; color:#323232; line-height:1.2em; border:none; border-bottom:none; padding:5px 0 0; } #cont #cart_table02 td.total04 { text-align:right; font-size:14px; font-weight:bold; color:#323232; line-height:1.2em; border:none; border-bottom:none; padding:5px 0 0; } .wcForm_quantChangeBtn{ border: none; width: 6em; padding: 4px 10px; background: #007fd8; color: #fefefe; display: inline-block; cursor: pointer; border-radius: 4px; } .wcForm_quantDelBtn{ border: none; margin: 4px 0 0; width: 6em; padding: 4px 10px; background: #fff; cursor: pointer; border-radius: 4px; display: inline-block; box-shadow: 0 0 1px 0 #666; } /*お客様情報*/ #cont #customer-info { width:700px; padding:0; margin:0 auto; } #cont #customer-info h5 { background:#0060aa; border-radius:3px; border:none; padding:7px 10px; margin:0 auto; font-size:16px; color:#fff; } #cont .customer_form { width:100%; padding:0; margin:0 auto 5px; border:none; background:none; border-bottom:2px solid #c8c8c8; } #cont .customer_form th { text-align:left; padding:10px 0; margin:0; border:none; border-bottom:1px solid #e6e6e6; font-size:15px; color:#323232; background:none; vertical-align:top; } #cont .customer_form td { text-align:left; padding:10px 0; margin:0; border:none; border-bottom:1px solid #e6e6e6; font-size:14px; color:#323232; background:none; vertical-align:top; } #cont #customer-info .send { border-top:none; padding:0; margin:0 auto; } .send input{ margin-bottom: 10px; } /*発送・支払方法*/ #cont #delivery-info { width:700px; padding:0; margin:0 auto; } #cont #delivery-info h5 { background:#0060aa; border-radius:3px; border:none; padding:7px 10px; margin:0 auto; font-size:16px; color:#fff; } /*内容確認*/ #cont #info-confirm #confirm_table { width:700px; padding:0; margin:0 auto 10px; } #cont #confirm_table .ttl td, #cont #confirm_table .ttl { background:#0060aa; } #cont #confirm_table .ttl td h3, #cont #confirm_table .ttl h3 { color:#fff; } /*商品検索*/ #searchform_area{ background: #f8f8f8; box-shadow: 0 0 3px 2px #eaeaea; margin: 0 15px 20px; border: 1px solid #eaeaea; padding: 14px 16px; } #searchform_area h2{ font-size: 1.3em; } #searchform_area h2:after{ content: " "; display: block; height: 2px; margin: 4px -7px 0; background: #148ce0; } #searchform_cat, #searchform_kwd{ display: inline-block; width: 49%; } #searchform_cat p, #searchform_kwd p{ display: inline-block; margin: 0; } #searchform_cat_select, #searchform_kwd_txt{ width: 70%; height: 35px; margin-bottom: 10px; } #searchform_cat_select{ padding: 0 10px; } #searchform_area #searchsubmit{ display: block; background: #bc0c16; margin: 0 auto; border: 0; border-radius: 4px; padding: 4px 20px; color: #fefefe; } .search_fischer{ text-align: center; font-size: 1.5em; margin-bottom: 15px; } .search_fischer a{ text-decoration: none; color: #333; } .search_fischer a:before, .search_fischer a .before:first-child{ content: "g"; font-family: "fontelloDef"; font-weight: normal; margin: 0 4px 0 0; } .search_fischer a.hover{ color: #0092ee; } /* マイページ ----------------------------------------------------*/ #memberinfo .history-area{ height: auto !important; max-height: 700px; } /* 採用ページ [recruit] ----------------------------------------------------*/ /* 共通-フェードイン */ /* 画面外にいる状態 */ .fadein{ opacity : 0; transition : all 1000ms; transform : translate(0, 50px); } /* 画面内に入った状態 */ .fadein.scrollin{ opacity : 1; transform : translate(0, 0); } /* 共通-見出し */ .recruit_tit{ margin-bottom: 42px; font-weight: bold; text-align: center; } .recruit_tit:before{ content: attr(data-en); display: block; font-weight: normal; font-size: 2.8em; line-height: 1; } /* 共通-余白 */ .recruit_cm{ margin-bottom: 82px; } /* 背景アニメーション */ #recruit_anim{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } /* 企業紹介 */ #recruit_aboutHeader{ padding: 36px 0 32px; margin-bottom: 62px; text-align: center; background-color: #8dcaec; position: relative; } #recruit_aboutHeader:after{ content: ""; position: absolute; bottom: -50px; left: 50%; width: 0; margin: 0 0 0 -25px; border: 25px solid transparent; border-top: 25px solid #8dcaec; } #recruit_aboutTit{ font-size: 2.4em; font-weight: bold; color: #006dae; line-height: 1.1; } #recruit_aboutCont{ padding: 68px 0 62px; margin: 160px 0 54px; background-color: #8dcaec; position: relative; } #recruit_aboutCont:before{ content: ""; display: block; height: 126px; background: url(../img/recruit_bg.png) repeat-x center bottom; position: absolute; top: -125px; left: 0; right: 0; } /* 先輩社員の声 */ .pc_body .recruit_interview_block{ width: 60%; margin-top: -80px; } .pc_body .recruit_interview_block:first-of-type{ margin-top: -40px; } .pc_body .recruit_interview_block:nth-of-type(odd){ float: right; } .pc_body .recruit_interview_block:nth-of-type(even){ float: left; } .pc_body .recruit_interview_staff{ width: 17%; text-align: center; float: left; } .pc_body .recruit_interview_staff p{ font-weight: bold; } .recruit_interview_comment{ padding: 12px 18px 8px; background-color: #8dcaec; border-radius: 8px; } .pc_body .recruit_interview_comment{ width: 85%; margin-top: -20px; font-size: .95em; box-sizing: border-box; float: left; position: relative; overflow-y: visible; } .pc_body .recruit_interview_comment:before{ content: ""; display: block; background: url(../img/recruit_sign.png) no-repeat center center; width: 34px; height: 20px; position: absolute; top: -20px; right: 42px; } .pc_body .recruit_interview_block:nth-of-type(odd) .recruit_interview_staff, .pc_body .recruit_interview_block:nth-of-type(even) .recruit_interview_comment{ float: right; } .pc_body .recruit_interview_block:nth-of-type(even) .recruit_interview_comment:before{ right: inherit; left: 42px; transform: scale(-1, 1); } /* 募集要項 */ #recruit_info{ padding: 62px 0; margin-bottom: 36px; background-color: #8dcaec; } #recruit_infoCont{ background-color: #fff; } .pc_body #recruit_infoCont{ padding: 42px; box-sizing: border-box; } /* ENTRY */ .pc_body #recruit_fBtn_half{ display: flex; flex-wrap: nowrap; justify-content: center; } .recruit_fBtn_anc{ display: block; font-weight: bold; text-decoration: none; line-height: 1.2; } .pc_body .recruit_fBtn_anc{ width: 50%; padding: 50px 0 38px; font-size: 2.1em; box-sizing: border-box; } .recruit_fBtn_anc.recruit_fBtn_mynavi{ background-color: #009de8; padding-right: 180px; text-align: right; } .recruit_fBtn_anc.recruit_fBtn_rikunabi{ background-color: #0068b7; padding-left: 180px; } .recruit_fBtn_anc>span{ display: inline-block; text-align: center; } .recruit_fBtn_anc>span>span{ font-size: 1.3em; } #recruit_fBtn{ background-color: #0070b0; } #recruit_fBtn a{ display: block; padding: 42px 0; font-size: 3.4em; font-weight: bold; text-align: center; text-decoration: none; color: #fefefe; } #recruit_fBtn a span{ display: inline-block; position: relative; } .pc_body #recruit_fBtn a span:after{ content: "z"; font-family: "fontelloDef"; display: block; font-size: 1em; font-weight: normal; position: absolute; top: 50%; right: 80px; transform: translateY(-50%); } .pc_body #recruit_fBtn a.hover span:after{ right: 70px; } /* アクセス情報 */ #recruit_access{ padding: 62px 0 48px; } /* その他 ----------------------------------------------------*/ /* index.php */ .catArea{ margin-bottom: 19px; border-bottom: 3px solid #e0e0e0; box-shadow: 0 -1px 0 #c0c0c0 inset; } .catArea .the_content{ padding: 0 6px; } /* single.php */ .sing_back{ padding: 20px 0 10px; text-align: center; } .sing_back a{ padding: 4px 15px; background: #1a0606; color: #fefefe; border-radius: 3px; text-decoration: none; letter-spacing: 1px; display: block; } .sing_back a:before, .sing_back a .before{ font-family: "fontelloDef"; content: "l"; font-weight: normal; margin: 0 4px 0 0; } .sing_back a.hover{ background: #eee; color: #333; } /* Password */ .pass_pageArea{ border: 1px solid #c8c8c8; background: #f8f8f8; border-radius: 4px; text-align: center; padding: 10px 0 0; margin: 0 0 1em; } .pass_pageArea input[type="password"]{ margin: 0 8px 0 0; } .pass_pageArea input[type="submit"]{ font-weight: bold; color: #333; border: 1px solid #c0c0c0; border-radius: 5px; padding: 5px 14px; letter-spacing: 1px; text-shadow: 1px 1px 0 #eee; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #ccc; background: #eaeaea; background: linear-gradient(top, #fefefe 0%, #eaeaea 100%); } .pass_pageArea input[type="submit"].hover{ cursor: pointer; border: 1px solid #b5c0cb; border-radius: 5px; box-shadow: 0 0 1px 0 #fff inset, 1px 1px 3px #b5c0cb; background: #cfebff; background: linear-gradient(top, #fefefe 0%, #c1daec 100%); } .pass_pageArea input[type="submit"]:active{ box-shadow: none; position: relative; top: 2px; left: 2px; } .pass_pageArea br{ display: none; } @-webkit-keyframes loadbar_anim{0%{margin-left:-34px}100%{margin-left:0}}@keyframes loadbar_anim{0%{margin-left:-34px}100%{margin-left:0}}