body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0.1rem; font-size:80%; word-break:break-all} a{color:#000} a:hover{text-decoration:none} input{vertical-align:middle} input[type=text], input[type=password], select{padding:5px; border:solid 1px #ccc; box-sizing:border-box; vertical-align:middle} option{margin:0; padding:0} textarea{width:100%; height:200px; border:solid 1px #ccc} button{cursor:pointer; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif} i{margin-left:5px} p{line-height:160%} /*--------------------------------------------------------------------------------------------- 　大枠のレイアウト ---------------------------------------------------------------------------------------------*/ header, footer, #wrap, #pickup_column{padding:20px} header, #gnav, #wrap{min-width:900px} /* header & footer */ header, footer{background:#39404A} header h1{float:left} header ul{float:right} header li{display:inline} footer, footer a{color:#fff} #footer_logo{width:170px; float:right} footer li{display:inline} footer li:after{content:" | "} footer li:last-child:after{content:""} footer small{font-style:normal; display:block; margin:10px 0; font-family:Arial, Helvetica, sans-serif} /* gnav */ #gnav li{float:left; width:25%; box-sizing:border-box; border-top-color:#39404A; border-top-style:solid; border-top-width:5px} #home #gnav1, #qa #gnav2, #column #gnav3, #glossary #gnav4{border-top-color:#379DCE} #gnav a{text-align:center; display:block; padding:10px; text-decoration:none; color:#000; border-right:solid 1px #E5E5E5; border-bottom:solid 1px #E5E5E5} #gnav a:hover{background:#F1F2F3} #gnav a span{display:inline-block; min-height:24px; padding:10px 0 0 35px; background-position:left center; background-repeat:no-repeat} #gnav1 span{background-image:url(../img/common/gnav1.png)} #gnav2 span{background-image:url(../img/common/gnav2.png)} #gnav3 span{background-image:url(../img/common/gnav3.png)} #gnav4 span{background-image:url(../img/common/gnav4.png)} /* bread */ #bread{margin-bottom:20px} #bread li{display:inline} #bread a{text-decoration:underline!important} #bread a:hover{text-decoration:none} /* contents */ #contents{width:100%; margin-right:-270px; float:left} #contents_inner{margin-right:290px} #contents_inner>section{position:relative; margin-bottom:30px} .btn_index{position:absolute; right:0; top:0} #snav{float:right; width:270px; background:#eee; padding:10px; box-sizing:border-box} /* snav */ #snav section{margin-bottom:8px} #snav h1{background:#39404A} #snav h1 a{display:block; padding:8px 20px; color:#fff; text-decoration:none; font-size:1rem; font-weight:normal} .arrow_list{background:#fff; border:solid 1px #E3E3E3; padding:15px 20px 10px} .arrow_list li{margin-bottom:5px} .arrow_list a{display:inline-block; background:url(../img/common/arrow_r.png) 0 8px no-repeat; padding:5px 5px 5px 15px} #bannar_list{margin-bottom:-8px} #bannar_list li{margin-bottom:8px} /* pickup_column */ #pickup_column{background:#EEEFF2; padding-top:30px; padding-bottom:30px; border-top:solid 1px #E3E3E3; position:relative} #pickup_column h1{background-image:url(../img/common/gnav3.png); float:left} #pickup_column #arrow_btn_col{float:right; margin-bottom:10px} #pickup_column #arrow_btn_col img{margin-left:1px} #owl-carousel{clear:both} .owl-buttons div{background:#A0A0A0; display:inline-block; color:#fff; font-size:1.5rem; padding:5px 20px; font-family:Arial, Helvetica, sans-serif; margin-left:1px} .owl-buttons div:hover{opacity:0.5} .owl-controls.clickable{position:absolute; right:0; top:-50px} #owl-carousel a{background:#fff; border:solid 1px #E3E3E3; padding:5px; display:block; text-decoration:none; margin:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; } #owl-carousel img{width:100%} #owl-carousel h2{padding:20px 15px 5px; font-size:1rem; color:#234C5E; white-space:nowrap; overflow:hidden; text-overflow: ellipsis} #owl-carousel p{padding:5px 15px 15px} #owl-carousel .item:hover p{text-decoration:underline} /*--------------------------------------------------------------------------------------------- 　各パーツ類 ---------------------------------------------------------------------------------------------*/ /* title */ .icon_title{min-height:24px; padding:5px 0 0 35px; margin-bottom:15px; font-weight:normal; font-size:1rem; background-position:0 0; background-repeat:no-repeat} #block_qa .icon_title{background-image:url(../img/common/gnav2.png)} #block_column .icon_title{background-image:url(../img/common/gnav3.png)} #block_glossary .icon_title{background-image:url(../img/common/gnav4.png)} #block_favorite .icon_title{background-image:url(../img/common/gnav5.png)} [id^=title_]{position:relative} div[id^=title_]{margin-bottom:10px} [id^=title_] h1{/*float:left; */background-repeat:no-repeat; background-position:0 2px; padding:8px 0 0 40px; margin-bottom:0; font-size:1.4rem; min-height:25px} #title_question h1{background-image:url(../img/qa/title_question.png)} #title_answer h1{background-image:url(../img/qa/title_answer.png)} #title_qa_posting h1{background-image:url(../img/qa/title_qa_posting.png)} #title_column h1{background-image:url(../img/column/title_column.png)} #title_mypage h1{background-image:url(../img/mypage/title_mypage.png)} .right_btn_col{position:absolute; right:10px; top:10px} /* table */ .tbl1, .tbl2{border-collapse:collapse; width:100%; line-height:160%} .tbl1 td{border:solid 1px #fff; padding:8px; table-layout:fixed; box-sizing:border-box} .tbl2 th, .tbl2 td{padding:10px; border:solid 1px #E5E5E5; text-align:left; font-weight:normal; vertical-align:middle} .tbl2 th{background:#F1F2F3} .tbl2 td{background:#fff} .tbl2 thead th{text-align:center; background:#39404A; color:#fff} .cell_favorite{width:15px} .cell_date{width:100px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.05rem; text-align:center} .cell_category{width:100px} /* box */ .box_border{background:#F5F5F5; padding:5px} .box_border_inner{background:#fff; padding:20px; border:solid 1px #E3E3E3} /* icon */ .icon_favorite{cursor:pointer; vertical-align:middle} .fa-star{cursor:pointer; vertical-align:middle; margin:0; color:#ccc} .fa-star:hover{color:#FFDCB9} .fa-star.active{color:#FF9326} .icon_resolved{color:#fff; background:#33A894; padding:5px; font-size:0.6rem!important; display:inline-block; vertical-align:middle; margin:0 0 0 5px; line-height:100%!important} .link_col a{display:inline-block; padding:5px 20px 5px 0; background-position:right center; background-repeat:no-repeat; line-height:120%} .icon_page{background-image:url(../img/common/icon_page.png)} .icon_blank{background-image:url(../img/common/icon_blank.png)} .icon_xls{background-image:url(../img/common/icon_xls.png)} .icon_doc{background-image:url(../img/common/icon_doc.png)} .icon_ppt{background-image:url(../img/common/icon_ppt.png)} .icon_txt{background-image:url(../img/common/icon_txt.png)} .icon_pdf{background-image:url(../img/common/icon_pdf.png)} .icon_zip{background-image:url(../img/common/icon_zip.png)} /* text_btn */ [class^=text_btn_]{position:relative; box-sizing:border-box; vertical-align:middle; letter-spacing:0em; display:inline-block; padding:8px 10px; color:#666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px } .text_btn_blue, .pager_list a.current{display:inline-block; border:solid 1px #1C8AAE; color:#fff; text-decoration:none; box-shadow:1px 1px 1px rgba(0,0,0,0.1); background: #1EA8D6; /* Old browsers */ background: -moz-linear-gradient(top, #1EA8D6 0%, #1C8AAE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1EA8D6), color-stop(100%,#1C8AAE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1EA8D6 0%,#1C8AAE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1EA8D6 0%,#1C8AAE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1EA8D6 0%,#1C8AAE 100%); /* IE10+ */ background: linear-gradient(to bottom, #1EA8D6 0%,#1C8AAE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1EA8D6', endColorstr='#1C8AAE',GradientType=0 ); /* IE6-9 */ } .text_btn_blue:hover, .pager_list a.current:hover{ background: #1C8AAE; /* Old browsers */ background: -moz-linear-gradient(top, #1C8AAE 0%, #1C8AAE 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C8AAE), color-stop(100%,#1C8AAE)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1C8AAE 0%,#1C8AAE 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1C8AAE 0%,#1C8AAE 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1C8AAE 0%,#1C8AAE 100%); /* IE10+ */ background: linear-gradient(to bottom, #1C8AAE 0%,#1C8AAE 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C8AAE', endColorstr='#1C8AAE',GradientType=0 ); /* IE6-9 */ } .text_btn_gray, .pager_list a{display:inline-block; border:solid 1px #ccc; color:#000; text-decoration:none; box-shadow:1px 1px 1px rgba(0,0,0,0.1); background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #EFEFEF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#EFEFEF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#EFEFEF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#EFEFEF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#EFEFEF 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#EFEFEF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */ } .text_btn_gray:hover, .pager_list a:hover{ background: #EFEFEF; /* Old browsers */ background: -moz-linear-gradient(top, #EFEFEF 0%, #EFEFEF 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFEFEF), color-stop(100%,#EFEFEF)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #EFEFEF 0%,#EFEFEF 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #EFEFEF 0%,#EFEFEF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #EFEFEF 0%,#EFEFEF 100%); /* IE10+ */ background: linear-gradient(to bottom, #EFEFEF 0%,#EFEFEF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */ } /* entry_block */ #entry_block{background:#EEEFF2; padding:20px; margin-bottom:30px} #entry_block a span, #entry_block button span{padding:0 0 0 10px; display:inline-block; min-height:16px; line-height:100%; background-position:right center; background-repeat:no-repeat} #entry_block button{border:none} #block_search, #block_search2{border:solid 1px #ccc; background:#fff; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px } #block_search input[type=text], #block_search2 input[type=text]{border:none} #block_search a, #block_search2 a{border:none} #btn_search{border-left:solid 1px #ccc!important; padding:8px 8px 8px 13px; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0 } #btn_entry{padding:8px 8px 8px 13px} /* pager_list */ .pager_list{float:right} .pager_list li{display:inline} .pager_list a{padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px } /* word_search_list */ #word_search_list{margin-bottom:40px} #word_search_list li{padding:20px} #word_search_list li:nth-child(2n+1){background:#ECF1F7} #word_search_list h4{text-decoration:none!important} #word_search_list p{margin-bottom:0!important} /* square_list */ .square_list{display:block} .square_list li{background:url(../img/common/icon_square.png) 0 4px no-repeat; padding:0 0 0 10px; margin-bottom:10px} /* xmp */ xmp{display:block; padding:20px; font-size:0.9rem; background:#333; color:#fff; margin-bottom:50px; overflow:auto; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px } /*--------------------------------------------------------------------------------------------- 　ログイン ---------------------------------------------------------------------------------------------*/ #login{background:#39404A; text-align:center} #login_wrap{position:fixed; top:50%; left:50%} #login small{color:#fff} #block_form{background:#F9F9F9; padding:30px; margin:20px 0; width:500px; text-align:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px } /* #btn_login{width:100%; margin:15px 0; text-align:center; padding:15px; font-size:1rem} */ #fullspeed_frontbundle_login_login{width:100%; margin:15px 0; text-align:center; padding:15px; font-size:1rem} /*--------------------------------------------------------------------------------------------- 　Q&A ---------------------------------------------------------------------------------------------*/ #block_question .right_btn_col, #block_answer .right_btn_col{top:0} .bg_gray{background:#EEEFF2} .block_inner{background:#fff; border:solid 1px #E3E3E3; padding:20px; clear:both} .bg_gray.p10 h2{margin-bottom:15px; font-weight:normal} .bg_gray.p10 p{margin-bottom:20px} #question_img{text-align:center; margin-bottom:15px} #question_img img{max-width:100%} #btn_dust, #btn_check, #btn_good, #btn_comment{padding:8px 10px} #btn_dust span, #btn_check span, #btn_good span, #btn_comment span{padding:2px 20px 0 10px; display:inline-block; min-height:16px; line-height:100%; background-position:right center; background-repeat:no-repeat} #btn_dust span{background-image:url(../img/common/icon_dust.png)} #btn_check span{background-image:url(../img/common/icon_check.png)} #btn_good span{background-image:url(../img/common/icon_good.png)} #btn_comment span{background-image:url(../img/common/icon_comment.png)} .author{padding:10px; background:#FDF5E6; margin-bottom:20px; position:relative} .author [class^=text_btn]{position:absolute; right:10px; top:10px} #count_good{display:inline-block; line-height:100%!important} #count_good span{font-family:Arial, Helvetica, sans-serif; color:#1DB7E9; font-size:1.9rem; font-weight:normal; letter-spacing:0; vertical-align:middle; display:inline-block; margin:0 5px} .block_comment{margin:10px 0 0 10%; width:90%} /* comment_form */ #comment_form textarea{width:100%; box-sizing:border-box; padding:10px; height:200px; border:solid 1px #ccc} /* qa_posting */ #posting_step{margin-bottom:30px} #posting_step li{float:left} #posting_step strong{display:block} #posting_step strong span{font-size:1rem} #posting_step p{display:inline-block; min-width:150px; text-align:center; background:#EEEFF2; padding:15px 0; margin-top:5px} #posting_step i{margin:0 10px; color:#3D464D} #posting_step .current strong{color:#4D91C6} #posting_step .current p{background:#379DCE; color:#fff} .font_orange{color:#FF7F00} #input_btn_col{text-align:center; margin:30px 0} #input_btn_col button{min-width:25%; margin:0 5px; font-size:0.9rem; padding:10px} #input_btn_col a{min-width:25%; margin:0 5px; font-size:0.9rem; padding:10px} /*--------------------------------------------------------------------------------------------- 　column & glossary ---------------------------------------------------------------------------------------------*/ #main_img{width:100%; margin-bottom:20px} #free_area h2, #block_glossary h2{border-left:solid 5px #1DB7E9; padding:10px; margin-bottom:30px; font-size:1rem} #free_area h3, #block_glossary h3{padding:10px; background:#F5F5F5; margin-bottom:15px} #free_area h4, #block_glossary h4{color:#1184AA; margin-bottom:15px} #free_area p, #block_glossary p{line-height:200%; margin-bottom:40px} #free_area blockquote, #block_glossary blockquote{margin:0; padding:0; font-style:italic; color:#666} #free_area img{max-width:100%} /* glossary_list */ .glossary_list{display:block; padding:2px; background:#eee; margin-bottom:30px} .glossary_list li{padding:2px; width:25%; box-sizing:border-box; float:left} .glossary_list a{background:#fff; border:solid 1px #E3E3E3; text-align:center; padding:15px 0; display:block} .glossary_list .current a{background:#379DCE; color:#fff} /* word_list */ .word_list li{float:left; padding:10px} .word_list a{display:inline-block; background:url(../img/common/arrow_r.png) 0 8px no-repeat; padding:5px 5px 5px 15px}