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 @@
==========================================================*/
div#container div#contents div#main_contents{
width: 756px;
float: right;
border-left: 1px solid #ebeced;
border-right: 1px solid #ebeced;
color: #424252;
}
div#container div#contents div#main_contents h2{
width: 766px;
height: 65px;
background: url(../images/content/back_subtitle.jpg) no-repeat top right;
position: relative;
top:0;
right: -10px;
margin-left: -10px;
}
div#container div#contents div#main_contents h2 span{
padding-left: 16px;
padding-top: 17px;
display: block;
}
div#container div#contents div#main_contents div.section_last{
width: 676px;
margin-left: 20px;
margin-bottom: 40px;
padding-bottom: 30px;
padding-left: 20px;
}
div#container div#contents div#main_contents h3{
width: 676px;
margin: 0 auto -20px;
height: 130px;
position: relative;
top: 0;
top: -30px;
left: -10px;
padding-top: 50px;
}
div#container div#contents div#main_contents div.section_top{
background: url(../images/content/line_content_s.png) no-repeat center 130px;
}
body#qa div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_qa_s.png) no-repeat top right;
}
/* 20140325 修正　*/
div#container div#contents div#main_contents div#section_toilet h3 span{
background: url(../images/icon_qa_toilet.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_seat h3 span{
background: url(../images/icon_qa_seat.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_urinal h3 span{
background: url(../images/icon_qa_urinal.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_etc h3 span{
background: url(../images/icon_qa_etc.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_pro h3 span{
background: url(../images/icon_qa_pro.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
/* 20140325 修正　*/
div#container div#contents div#main_contents h4{
margin-left: 30px;
padding-right: 25px;
font-weight: bold;
font-size: 140%;
color: #333;
}
div#container div#contents div#main_contents h4.normal span{
font-weight: bold;
display: block;
width: 40px;
float:left;
color: #00B7CD;
}
div#container div#contents div#main_contents h4.pro span{
font-weight: bold;
display: block;
width: 40px;
float:left;
color: #E26700;
}
/*
div#container div#contents div#main_contents {
width: 756px;
float: right;
border-left: 1px solid #ebeced;
border-right: 1px solid #ebeced;
color: #424252;
}
div#container div#contents div#main_contents h2 {
width: 766px;
height: 65px;
background: url(../images/content/back_subtitle.jpg) no-repeat top right;
position: relative;
top: 0;
right: -10px;
margin-left: -10px;
}
div#container div#contents div#main_contents h2 span {
padding-left: 16px;
padding-top: 17px;
display: block;
}
div#container div#contents div#main_contents div.section_last {
width: 676px;
margin-left: 20px;
margin-bottom: 40px;
padding-bottom: 30px;
padding-left: 20px;
}
div#container div#contents div#main_contents h3 {
width: 676px;
margin: 0 auto -20px;
height: 130px;
position: relative;
top: 0;
top: -30px;
left: -10px;
padding-top: 50px;
}
div#container div#contents div#main_contents div.section_top {
background: url(../images/content/line_content_s.png) no-repeat center 130px;
}
body#qa div#container div#contents div#main_contents h3 {
background: url(../images/content/back_title_qa_s.png) no-repeat top right;
}
/* 20140325 修正　*/
div#container div#contents div#main_contents div#section_toilet h3 span {
background: url(../images/icon_qa_toilet.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_seat h3 span {
background: url(../images/icon_qa_seat.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_urinal h3 span {
background: url(../images/icon_qa_urinal.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_etc h3 span {
background: url(../images/icon_qa_etc.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
div#container div#contents div#main_contents div#section_pro h3 span {
background: url(../images/icon_qa_pro.png) no-repeat left top;
padding: 28px 0 0 100px;
height: 78px;
display: block;
}
/* 20140325 修正　*/
div#container div#contents div#main_contents h4 {
margin-left: 30px;
padding-right: 25px;
font-weight: bold;
font-size: 140%;
color: #333;
}
div#container div#contents div#main_contents h4.normal span {
/*
font-weight: bold;
display: block;
width: 40px;
float: left;
color: #00B7CD;
*/
display: none;
}
div#container div#contents div#main_contents h4.pro span {
font-weight: bold;
display: block;
width: 40px;
float: left;
color: #E26700;
}
/*
div#container div#contents div#main_contents p{
width: 550px;
padding: 20px 30px 20px 70px;
......@@ -131,121 +135,126 @@
margin: 20px auto 40px auto;
}*/
div#container div#contents div#main_contents div#ather_menu{
width: 646px;
margin: 20px auto 60px auto;
}
div#container div#contents div#main_contents div#ather_menu h5.normal{
color: #00B7CD;
display: block;
font-size: 120%;
font-weight: bold;
padding-left: 25px;
margin-bottom: 30px;
background: url(../images/common/icon_sizuku.png) no-repeat top left;
}
div#container div#contents div#main_contents div#ather_menu h5.pro{
color: #E26700;
display: block;
font-size: 120%;
font-weight: bold;
padding-left: 25px;
margin-bottom: 30px;
background: url(../images/common/icon_sizuku_orange.png) no-repeat top left;
}
div#container div#contents div#main_contents ul{
margin-left: 20px;
}
div#container div#contents div#main_contents li{
text-indent: -2em;
padding-left: 20px;
margin-bottom: 5px;
}
div#container div#contents div#main_contents li span.q{
font-weight: bold;
color: #00B7CD;
padding-right: 5px;
}
div#container div#contents div#main_contents ul.pro li span.q{
font-weight: bold;
color: #E26700 !important;
padding-right: 5px;
}
/* 20140325 */
div#container div#contents div#main_contents ul.page_nation{
margin-top: -50px;
margin-bottom: 30px;
height: 43px;
background: url(../images/section_back_qa.gif) no-repeat left top;
font-weight: bold;
font-size: 90%;
color: #00b7ce;
}
div#container div#contents div#main_contents ul.page_nation li{
height: 43px;
display: block;
background: url(../images/page_nation_nav.png) no-repeat right top;
float: left;
padding-top: 10px;
padding-left: 35px;
padding-right: 20px;
}
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;
background: url(../images/section_back_qa_orange.gif) no-repeat left top;
font-weight: bold;
font-size: 90%;
color: #F9A700;
}
div#container div#contents div#main_contents ul.page_nation_o li{
height: 43px;
display: block;
background: url(../images/page_nation_nav.png) no-repeat right top;
float: left;
padding-top: 10px;
padding-left: 35px;
padding-right: 20px;
}
div#container div#contents div#main_contents ul.page_nation_o li a{
color: #E26700 !important;
}
div#container div#contents div#main_contents #box_qa{
width: 650px;
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 p{
margin-bottom: 20px;
padding: 20px 30px 10px 60px;
}
/* 2018.3.26 update */
div#container div#contents div#main_contents #box_qa {
padding-bottom: 10px;
}
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;
}
div#container div#contents div#main_contents div#ather_menu {
width: 646px;
margin: 20px auto 60px auto;
}
div#container div#contents div#main_contents div#ather_menu h5.normal {
color: #00B7CD;
display: block;
font-size: 120%;
font-weight: bold;
padding-left: 25px;
margin-bottom: 30px;
background: url(../images/common/icon_sizuku.png) no-repeat top left;
}
div#container div#contents div#main_contents div#ather_menu h5.pro {
color: #E26700;
display: block;
font-size: 120%;
font-weight: bold;
padding-left: 25px;
margin-bottom: 30px;
background: url(../images/common/icon_sizuku_orange.png) no-repeat top left;
}
div#container div#contents div#main_contents ul {
margin-left: 20px;
}
div#container div#contents div#main_contents li {
text-indent: -2em;
padding-left: 20px;
margin-bottom: 5px;
}
div#container div#contents div#main_contents li span.q {
font-weight: bold;
color: #00B7CD;
padding-right: 5px;
}
div#container div#contents div#main_contents ul.pro li span.q {
font-weight: bold;
color: #E26700 !important;
padding-right: 5px;
}
/* 20140325 */
div#container div#contents div#main_contents ul.page_nation {
/*
margin-top: -50px;
margin-bottom: 30px;
height: 43px;
background: url(../images/section_back_qa.gif) no-repeat left top;
font-weight: bold;
font-size: 90%;
color: #00b7ce;*/
display: none;
}
div#container div#contents div#main_contents ul.page_nation li {
height: 43px;
display: block;
background: url(../images/page_nation_nav.png) no-repeat right top;
float: left;
padding-top: 10px;
padding-left: 35px;
padding-right: 20px;
}
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;
background: url(../images/section_back_qa_orange.gif) no-repeat left top;
font-weight: bold;
font-size: 90%;
color: #F9A700;
}
div#container div#contents div#main_contents ul.page_nation_o li {
height: 43px;
display: block;
background: url(../images/page_nation_nav.png) no-repeat right top;
float: left;
padding-top: 10px;
padding-left: 35px;
padding-right: 20px;
}
div#container div#contents div#main_contents ul.page_nation_o li a {
color: #E26700 !important;
}
div#container div#contents div#main_contents #box_qa {
width: 650px;
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 p {
margin-bottom: 20px;
padding: 20px 30px 10px 60px;
}
/* 2018.3.26 update */
div#container div#contents div#main_contents #box_qa {
padding-bottom: 10px;
}
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