Skip to content

sora / sanitary-net

Go to a project
Commit 4ad062a0 by o.kimura
Options

FAQカテゴリとナンバーの不可視化

parent 1831975d
Inline Side-by-side
Showing with 240 additions and 231 deletions
faq/shared/css/parts.css
/*========================================================= /*=========================================================
...@@ -12,118 +11,123 @@ ...@@ -12,118 +11,123 @@
==========================================================*/ ==========================================================*/
div#container div#contents div#main_contents{ div#container div#contents div#main_contents {
width: 756px; width: 756px;
float: right; float: right;
border-left: 1px solid #ebeced; border-left: 1px solid #ebeced;
border-right: 1px solid #ebeced; border-right: 1px solid #ebeced;
color: #424252; color: #424252;
} }
div#container div#contents div#main_contents h2{ div#container div#contents div#main_contents h2 {
width: 766px; width: 766px;
height: 65px; height: 65px;
background: url(../images/content/back_subtitle.jpg) no-repeat top right; background: url(../images/content/back_subtitle.jpg) no-repeat top right;
position: relative; position: relative;
top:0; top: 0;
right: -10px; right: -10px;
margin-left: -10px; margin-left: -10px;
} }
div#container div#contents div#main_contents h2 span{ div#container div#contents div#main_contents h2 span {
padding-left: 16px; padding-left: 16px;
padding-top: 17px; padding-top: 17px;
display: block; display: block;
} }
div#container div#contents div#main_contents div.section_last{ div#container div#contents div#main_contents div.section_last {
width: 676px; width: 676px;
margin-left: 20px; margin-left: 20px;
margin-bottom: 40px; margin-bottom: 40px;
padding-bottom: 30px; padding-bottom: 30px;
padding-left: 20px; padding-left: 20px;
} }
div#container div#contents div#main_contents h3{ div#container div#contents div#main_contents h3 {
width: 676px; width: 676px;
margin: 0 auto -20px; margin: 0 auto -20px;
height: 130px; height: 130px;
position: relative; position: relative;
top: 0; top: 0;
top: -30px; top: -30px;
left: -10px; left: -10px;
padding-top: 50px; padding-top: 50px;
} }
div#container div#contents div#main_contents div.section_top{ div#container div#contents div#main_contents div.section_top {
background: url(../images/content/line_content_s.png) no-repeat center 130px; background: url(../images/content/line_content_s.png) no-repeat center 130px;
} }
body#qa div#container div#contents div#main_contents h3{ body#qa div#container div#contents div#main_contents h3 {
background: url(../images/content/back_title_qa_s.png) no-repeat top right; background: url(../images/content/back_title_qa_s.png) no-repeat top right;
} }
/* 20140325 修正　*/ /* 20140325 修正　*/
div#container div#contents div#main_contents div#section_toilet h3 span{ div#container div#contents div#main_contents div#section_toilet h3 span {
background: url(../images/icon_qa_toilet.png) no-repeat left top; background: url(../images/icon_qa_toilet.png) no-repeat left top;
padding: 28px 0 0 100px; padding: 28px 0 0 100px;
height: 78px; height: 78px;
display: block; display: block;
} }
div#container div#contents div#main_contents div#section_seat h3 span{ div#container div#contents div#main_contents div#section_seat h3 span {
background: url(../images/icon_qa_seat.png) no-repeat left top; background: url(../images/icon_qa_seat.png) no-repeat left top;
padding: 28px 0 0 100px; padding: 28px 0 0 100px;
height: 78px; height: 78px;
display: block; display: block;
} }
div#container div#contents div#main_contents div#section_urinal h3 span{ div#container div#contents div#main_contents div#section_urinal h3 span {
background: url(../images/icon_qa_urinal.png) no-repeat left top; background: url(../images/icon_qa_urinal.png) no-repeat left top;
padding: 28px 0 0 100px; padding: 28px 0 0 100px;
height: 78px; height: 78px;
display: block; display: block;
} }
div#container div#contents div#main_contents div#section_etc h3 span{ div#container div#contents div#main_contents div#section_etc h3 span {
background: url(../images/icon_qa_etc.png) no-repeat left top; background: url(../images/icon_qa_etc.png) no-repeat left top;
padding: 28px 0 0 100px; padding: 28px 0 0 100px;
height: 78px; height: 78px;
display: block; display: block;
} }
div#container div#contents div#main_contents div#section_pro h3 span{ div#container div#contents div#main_contents div#section_pro h3 span {
background: url(../images/icon_qa_pro.png) no-repeat left top; background: url(../images/icon_qa_pro.png) no-repeat left top;
padding: 28px 0 0 100px; padding: 28px 0 0 100px;
height: 78px; height: 78px;
display: block; display: block;
} }
/* 20140325 修正　*/
/* 20140325 修正　*/
div#container div#contents div#main_contents h4{
margin-left: 30px; div#container div#contents div#main_contents h4 {
padding-right: 25px; margin-left: 30px;
font-weight: bold; padding-right: 25px;
font-size: 140%; font-weight: bold;
color: #333; font-size: 140%;
} color: #333;
}
div#container div#contents div#main_contents h4.normal span{
font-weight: bold; div#container div#contents div#main_contents h4.normal span {
display: block; /*
width: 40px; font-weight: bold;
float:left; display: block;
color: #00B7CD; width: 40px;
} float: left;
color: #00B7CD;
div#container div#contents div#main_contents h4.pro span{ */
font-weight: bold; display: none;
display: block; }
width: 40px;
float:left; div#container div#contents div#main_contents h4.pro span {
color: #E26700; font-weight: bold;
} display: block;
/* width: 40px;
float: left;
color: #E26700;
}
/*
div#container div#contents div#main_contents p{ div#container div#contents div#main_contents p{
width: 550px; width: 550px;
padding: 20px 30px 20px 70px; padding: 20px 30px 20px 70px;
...@@ -131,121 +135,126 @@ ...@@ -131,121 +135,126 @@
margin: 20px auto 40px auto; margin: 20px auto 40px auto;
}*/ }*/
div#container div#contents div#main_contents div#ather_menu{ div#container div#contents div#main_contents div#ather_menu {
width: 646px; width: 646px;
margin: 20px auto 60px auto; margin: 20px auto 60px auto;
} }
div#container div#contents div#main_contents div#ather_menu h5.normal{ div#container div#contents div#main_contents div#ather_menu h5.normal {
color: #00B7CD; color: #00B7CD;
display: block; display: block;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
padding-left: 25px; padding-left: 25px;
margin-bottom: 30px; margin-bottom: 30px;
background: url(../images/common/icon_sizuku.png) no-repeat top left; background: url(../images/common/icon_sizuku.png) no-repeat top left;
} }
div#container div#contents div#main_contents div#ather_menu h5.pro{ div#container div#contents div#main_contents div#ather_menu h5.pro {
color: #E26700; color: #E26700;
display: block; display: block;
font-size: 120%; font-size: 120%;
font-weight: bold; font-weight: bold;
padding-left: 25px; padding-left: 25px;
margin-bottom: 30px; margin-bottom: 30px;
background: url(../images/common/icon_sizuku_orange.png) no-repeat top left; background: url(../images/common/icon_sizuku_orange.png) no-repeat top left;
} }
div#container div#contents div#main_contents ul{ div#container div#contents div#main_contents ul {
margin-left: 20px; margin-left: 20px;
} }
div#container div#contents div#main_contents li{ div#container div#contents div#main_contents li {
text-indent: -2em; text-indent: -2em;
padding-left: 20px; padding-left: 20px;
margin-bottom: 5px; margin-bottom: 5px;
} }
div#container div#contents div#main_contents li span.q{ div#container div#contents div#main_contents li span.q {
font-weight: bold; font-weight: bold;
color: #00B7CD; color: #00B7CD;
padding-right: 5px; padding-right: 5px;
} }
div#container div#contents div#main_contents ul.pro li span.q{ div#container div#contents div#main_contents ul.pro li span.q {
font-weight: bold; font-weight: bold;
color: #E26700 !important; color: #E26700 !important;
padding-right: 5px; padding-right: 5px;
} }
/* 20140325 */ /* 20140325 */
div#container div#contents div#main_contents ul.page_nation{ div#container div#contents div#main_contents ul.page_nation {
margin-top: -50px; /*
margin-bottom: 30px; margin-top: -50px;
height: 43px; margin-bottom: 30px;
background: url(../images/section_back_qa.gif) no-repeat left top; height: 43px;
font-weight: bold; background: url(../images/section_back_qa.gif) no-repeat left top;
font-size: 90%; font-weight: bold;
color: #00b7ce; font-size: 90%;
} color: #00b7ce;*/
div#container div#contents div#main_contents ul.page_nation li{ display: none;
height: 43px; }
display: block;
background: url(../images/page_nation_nav.png) no-repeat right top; div#container div#contents div#main_contents ul.page_nation li {
float: left; height: 43px;
padding-top: 10px; display: block;
padding-left: 35px; background: url(../images/page_nation_nav.png) no-repeat right top;
padding-right: 20px; float: left;
} padding-top: 10px;
padding-left: 35px;
div#container div#contents div#main_contents ul.page_nation li a{ padding-right: 20px;
color: #3c92c3 !important; }
}
div#container div#contents div#main_contents ul.page_nation li a {
color: #3c92c3 !important;
div#container div#contents div#main_contents ul.page_nation_o{ }
margin-top: -50px;
margin-bottom: 30px;
height: 43px; div#container div#contents div#main_contents ul.page_nation_o {
background: url(../images/section_back_qa_orange.gif) no-repeat left top; margin-top: -50px;
font-weight: bold; margin-bottom: 30px;
font-size: 90%; height: 43px;
color: #F9A700; background: url(../images/section_back_qa_orange.gif) no-repeat left top;
} font-weight: bold;
div#container div#contents div#main_contents ul.page_nation_o li{ font-size: 90%;
height: 43px; color: #F9A700;
display: block; }
background: url(../images/page_nation_nav.png) no-repeat right top;
float: left; div#container div#contents div#main_contents ul.page_nation_o li {
padding-top: 10px; height: 43px;
padding-left: 35px; display: block;
padding-right: 20px; background: url(../images/page_nation_nav.png) no-repeat right top;
} float: left;
padding-top: 10px;
div#container div#contents div#main_contents ul.page_nation_o li a{ padding-left: 35px;
color: #E26700 !important; padding-right: 20px;
} }
div#container div#contents div#main_contents #box_qa{ div#container div#contents div#main_contents ul.page_nation_o li a {
width: 650px; color: #E26700 !important;
background: url(../images/common/bk_a.png) no-repeat top left; }
background-color: #e3e6e9;
margin: 20px auto 60px auto; div#container div#contents div#main_contents #box_qa {
} width: 650px;
background: url(../images/common/bk_a.png) no-repeat top left;
div#container div#contents div#main_contents #box_qa p{ background-color: #e3e6e9;
margin-bottom: 20px; margin: 20px auto 60px auto;
padding: 20px 30px 10px 60px; }
}
div#container div#contents div#main_contents #box_qa p {
/* 2018.3.26 update */ margin-bottom: 20px;
div#container div#contents div#main_contents #box_qa { padding: 20px 30px 10px 60px;
padding-bottom: 10px; }
}
div#container div#contents div#main_contents #box_qa p .products_ttl { /* 2018.3.26 update */
display: block; div#container div#contents div#main_contents #box_qa {
border-bottom: solid 1px #424252; padding-bottom: 10px;
margin-bottom: .5em; }
line-height: 1.2;
} div#container div#contents div#main_contents #box_qa p .products_ttl {
display: block;
border-bottom: solid 1px #424252;
margin-bottom: .5em;
line-height: 1.2;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment