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 83 additions and 74 deletions
faq/shared/css/parts.css
/*========================================================= /*=========================================================
...@@ -12,39 +11,39 @@ ...@@ -12,39 +11,39 @@
==========================================================*/ ==========================================================*/
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;
...@@ -53,77 +52,82 @@ ...@@ -53,77 +52,82 @@
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{ div#container div#contents div#main_contents h4 {
margin-left: 30px; margin-left: 30px;
padding-right: 25px; padding-right: 25px;
font-weight: bold; font-weight: bold;
font-size: 140%; font-size: 140%;
color: #333; color: #333;
} }
div#container div#contents div#main_contents h4.normal span{ div#container div#contents div#main_contents h4.normal span {
/*
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 40px; width: 40px;
float:left; float: left;
color: #00B7CD; color: #00B7CD;
} */
display: none;
}
div#container div#contents div#main_contents h4.pro span{ div#container div#contents div#main_contents h4.pro span {
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 40px; width: 40px;
float:left; float: left;
color: #E26700; 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,12 +135,12 @@ ...@@ -131,12 +135,12 @@
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%;
...@@ -144,9 +148,9 @@ ...@@ -144,9 +148,9 @@
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%;
...@@ -154,42 +158,45 @@ ...@@ -154,42 +158,45 @@
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-top: -50px;
margin-bottom: 30px; margin-bottom: 30px;
height: 43px; height: 43px;
background: url(../images/section_back_qa.gif) no-repeat left top; background: url(../images/section_back_qa.gif) no-repeat left top;
font-weight: bold; font-weight: bold;
font-size: 90%; font-size: 90%;
color: #00b7ce; color: #00b7ce;*/
} display: none;
div#container div#contents div#main_contents ul.page_nation li{ }
div#container div#contents div#main_contents ul.page_nation li {
height: 43px; height: 43px;
display: block; display: block;
background: url(../images/page_nation_nav.png) no-repeat right top; background: url(../images/page_nation_nav.png) no-repeat right top;
...@@ -197,14 +204,14 @@ ...@@ -197,14 +204,14 @@
padding-top: 10px; padding-top: 10px;
padding-left: 35px; padding-left: 35px;
padding-right: 20px; padding-right: 20px;
} }
div#container div#contents div#main_contents ul.page_nation li a{ div#container div#contents div#main_contents ul.page_nation li a {
color: #3c92c3 !important; color: #3c92c3 !important;
} }
div#container div#contents div#main_contents ul.page_nation_o{ div#container div#contents div#main_contents ul.page_nation_o {
margin-top: -50px; margin-top: -50px;
margin-bottom: 30px; margin-bottom: 30px;
height: 43px; height: 43px;
...@@ -212,8 +219,9 @@ ...@@ -212,8 +219,9 @@
font-weight: bold; font-weight: bold;
font-size: 90%; font-size: 90%;
color: #F9A700; color: #F9A700;
} }
div#container div#contents div#main_contents ul.page_nation_o li{
div#container div#contents div#main_contents ul.page_nation_o li {
height: 43px; height: 43px;
display: block; display: block;
background: url(../images/page_nation_nav.png) no-repeat right top; background: url(../images/page_nation_nav.png) no-repeat right top;
...@@ -221,31 +229,32 @@ ...@@ -221,31 +229,32 @@
padding-top: 10px; padding-top: 10px;
padding-left: 35px; padding-left: 35px;
padding-right: 20px; padding-right: 20px;
} }
div#container div#contents div#main_contents ul.page_nation_o li a{ div#container div#contents div#main_contents ul.page_nation_o li a {
color: #E26700 !important; color: #E26700 !important;
} }
div#container div#contents div#main_contents #box_qa{ div#container div#contents div#main_contents #box_qa {
width: 650px; width: 650px;
background: url(../images/common/bk_a.png) no-repeat top left; background: url(../images/common/bk_a.png) no-repeat top left;
background-color: #e3e6e9; background-color: #e3e6e9;
margin: 20px auto 60px auto; margin: 20px auto 60px auto;
} }
div#container div#contents div#main_contents #box_qa p{ div#container div#contents div#main_contents #box_qa p {
margin-bottom: 20px; margin-bottom: 20px;
padding: 20px 30px 10px 60px; padding: 20px 30px 10px 60px;
} }
/* 2018.3.26 update */ /* 2018.3.26 update */
div#container div#contents div#main_contents #box_qa { div#container div#contents div#main_contents #box_qa {
padding-bottom: 10px; padding-bottom: 10px;
} }
div#container div#contents div#main_contents #box_qa p .products_ttl {
div#container div#contents div#main_contents #box_qa p .products_ttl {
display: block; display: block;
border-bottom: solid 1px #424252; border-bottom: solid 1px #424252;
margin-bottom: .5em; margin-bottom: .5em;
line-height: 1.2; 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