body,
#brandSiteHeader p,
#brandSiteFooter p,
#brandSiteFooter ul,
#brandSiteFooter li{
margin: 0;
padding: 0;
}
body{
-webkit-text-size-adjust: none;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#brandSiteHeader{
padding-bottom: 15px;
border-top: 5px solid #ffd500;
width: 100%;
min-width: 950px;
height: 75px;
text-align: center;
background: #fff;
}
#brandSiteHeader p{
margin: 0 auto;
width: 950px;
text-align: left;
}
#brandSiteHeader p img{
vertical-align: bottom;
border: 0;
}
#brandSiteFooter{
padding: 20px 0;
width: 100%;
height: 55px;
text-align: center;
background: #fff;
}
#brandSiteFooter ul{
margin: 0 auto 15px;
width: 950px;
list-style: none;
}
#brandSiteFooter ul li{
padding: 0 15px;
border-left: 1px solid #e5eaee;
font-size: 12px;
line-height: 15px;
display: inline-block;
/display: inline;
/zoom: 1;
/margin-top: 3px;
}
#brandSiteFooter ul li.brandSiteFooterLastChild{
border-right: 1px solid #e5eaee;
}
#brandSiteFooter ul li a{
color: #666;
text-decoration: none;
}
#brandSiteFooter ul li a:hover{
text-decoration: underline;
}
#brandSiteFooter p{
margin: 0 auto;
width: 950px;
color: #666;
font-size: 10px;
line-height: 12px;
}
#brandSiteFooterBnr{
padding: 20px 0 0;
background: #fff;
}
#brandSiteFooterBnr ul{
margin: 0 auto 15px;
width: 840px;
list-style: none;
}
#brandSiteFooterBnr ul li{
margin: 0 5px 10px;
display: inline-block;
}
#brandSiteFooterBnr ul li.kampoful{
padding: 0;
margin: 0 5px;
float: left;
height: 130px;
background: #6eb92b;
}
#brandSiteFooterBnr ul li.kampoful a{
display: block;
height: 130px;
}
#brandSiteFooterBnr ul li.kampoful img{
padding-top: 35px;
}/**/#brandSiteHeader-RWD{
margin-bottom: 21px;
position: relative;
width: 100%;
min-width: 950px;
height: 75px;
}
#brandSiteHeader-RWD h1 {
position: absolute;
top: 0;
left: -10px;
}
#navToggle {
display:none;
}
#brandSiteHeader-RWD p img{
vertical-align: bottom;
border: 0;
}
#brandSiteHeader-RWD .subNav {
position: absolute;
top: 7px;
left: 235px;
}
#brandSiteHeader-RWD .subNav p {
float: left;
}
#brandSiteHeader-RWD .subNav .kampo {
margin-right: 190px;
}
#brandSiteHeader-RWD .subNav .kantaibun,
#brandSiteHeader-RWD .subNav .english {
margin-right: 15px;
}
#brandSiteHeader-RWD .subNav .hantaibun,
#brandSiteHeader-RWD .subNav .kantaibun,
#brandSiteHeader-RWD .subNav .english {
padding-top: 2px;
}
#brandSiteHeader-RWD .search {
position: absolute;
top: 7px;
right: 0;
}
#brandSiteHeader-RWD .search .text {
margin-right: 4px;
padding: 0 4px;
border: solid 1px #E5EAEE;
width: 150px;
height: 20px;
line-height: 20px;
color: #999999;
}
#brandSiteHeader-RWD .search input {
vertical-align: top;
font-size: 62.5%;
}
#brandSiteHeader-RWD .globalNav {
position: absolute;
top: 40px;
left: 235px;
}
#brandSiteHeader-RWD .globalNav ul li {
float: left;
}
#brandSiteHeader-RWD .globalNav ul li,
#brandSiteHeader-RWD .globalNav ul li a {
background-repeat: no-repeat;
background-position: center top;
width: 143px;
height: 35px;
text-indent: -9999px;
}
#brandSiteHeader-RWD .globalNav ul li a {
display: block;
}
#brandSiteHeader-RWD .gNav-products,
#brandSiteHeader-RWD .gNav-products a { background-image: url(//www.kracie.co.jp/image/header/btn_products.gif); }
#brandSiteHeader-RWD .gNav-taisetsu,
#brandSiteHeader-RWD .gNav-taisetsu a { background-image: url(//www.kracie.co.jp/image/header/btn_taisetsu.gif); }
#brandSiteHeader-RWD .gNav-hint,
#brandSiteHeader-RWD .gNav-hint a { background-image: url(//www.kracie.co.jp/image/header/btn_hint.gif); }
#brandSiteHeader-RWD .gNav-soudanshitsu,
#brandSiteHeader-RWD .gNav-soudanshitsu a { background-image: url(//www.kracie.co.jp/image/header/btn_soudanshitsu.gif); }
#brandSiteHeader-RWD .gNav-company,
#brandSiteHeader-RWD .gNav-company a { background-image: url(//www.kracie.co.jp/image/header/btn_company.gif); }
#brandSiteFooter{
padding: 20px 0;
width: 100%;
height: 55px;
text-align: center;
background: #fff;
}
#brandSiteFooter ul{
margin: 0 auto 15px;
width: 950px;
list-style: none;
}
#brandSiteFooter ul li{
padding: 0 15px;
border-left: 1px solid #e5eaee;
font-size: 12px;
line-height: 15px;
display: inline-block;
/display: inline;
/zoom: 1;
/margin-top: 3px;
}
#brandSiteFooter ul li.brandSiteFooterLastChild{
border-right: 1px solid #e5eaee;
}
#brandSiteFooter ul li a{
color: #666;
text-decoration: none;
}
#brandSiteFooter ul li a:hover{
text-decoration: underline;
}
#brandSiteFooter p{
margin: 0 auto;
width: 950px;
color: #666;
font-size: 10px;
line-height: 12px;
}