@charset "utf-8";
/* CSS Document */

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:11px;
line-height:1.8;
color:#242931;
position:relative;
width: 100%;
overflow-x:hidden;
-webkit-text-size-adjust: 100%;
}

div#wrapper{
position:relative;
width:100%;
overflow:hidden;
}

a{
color:#5879b2;
text-decoration:none;
}

a:hover{
color:#81a6e5;
text-decoration:underline;
}

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
}

.clear_foot {
clear: both;
margin: 0px;
padding: 0px;
}

/* 0529追記 */
.brand .stl{ border-left:5px solid #947E68;
margin-left:30px;
}
.brand .stl p{
margin-left:8px;
color:#333;
padding-left:0;
}

/*----------------------------------------------------------------------------------------------------
*header
----------------------------------------------------------------------------------------------------*/
header{
width:100%;
height:195px;
background:#fff;
position:relative;
}

header h1{
width:158px;
height:61px;
margin:0 auto;
padding-top:75px;
}

header h1 a{
width:158px;
height:61px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/top/header/header-title.jpg) no-repeat left bottom;
}

/*header-sub*/
header #header-sub{
width:402px;
height:46px;
position:absolute;
top:0;
right:10px;
background:url(../img/top/header/header-sub-bg.jpg) no-repeat left top;
}

#header-sub li{
float:left;
}

#header-sub li a{
display:block;
text-indent:-9999px;
overflow:hidden;
}

#header-sub .nowpage a{
background-position:center -46px!important;
}

#header-sub .header-sub-brand{
width:125px;
height:46px;
}

#header-sub .header-sub-brand a{
width:125px;
height:46px;
background:url(../img/top/header/header-sub-brand.jpg) no-repeat center top;
}

#header-sub .header-sub-company{
width:102px;
height:46px;
padding-left:1px;
}

#header-sub .header-sub-company a{
width:102px;
height:46px;
background:url(../img/top/header/header-sub-company.jpg) no-repeat center top;
}

#header-sub .header-sub-online{
width:173px;
height:46px;
padding-left:1px;
}

#header-sub .header-sub-online a{
width:173px;
height:46px;
background:url(../img/top/header/header-sub-online.jpg) no-repeat center top;
}

#header-sub .header-sub-timeless{
width:95px;
height:23px;
padding-left:29px;
}

#header-sub .header-sub-timeless a{
width:95px;
height:23px;
background:url(../img/top/header/header-sub-timeless.jpg) no-repeat left top;
}

#header-sub .header-sub-brand a:hover,
#header-sub .header-sub-company a:hover,
#header-sub .header-sub-online a:hover,
#header-sub .header-sub-timeless a:hover{
background-position:center -46px;
}

/* smartphone */
@media screen and (max-width:736px){
#title-container{
width:90%;
margin:0 auto;
padding-top:46px;
}
header{
height:95px;
}
header h1{
width:100px;
height:45px;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding-top:0;
float:left;
}
header h1 a{
width:100px;
height:45px;
background:url(../img/top/header/header-title-sp.jpg) no-repeat left bottom;
background-size:100%;
}
header #header-sub{
width:100%;
height:35px;
right:0;
background:url(../img/top/header/header-sub-bg-sp.jpg) no-repeat center top;
background-size:100% 100%;
}
#header-sub li{
margin-top:3px;
}
#header-sub .nowpage a{
background-position:left -29px!important;
}
#header-sub .header-sub-brand,
#header-sub .header-sub-company,
#header-sub .header-sub-online,
#header-sub .header-sub-timeless{
height:35px;
padding-left:0;
}
#header-sub .header-sub-brand{width:30.00%;}
#header-sub .header-sub-company{width:30.00%;}
#header-sub .header-sub-online{width:40.00%;}
/*--#header-sub .header-sub-timeless{width:30.00%;}--*/

#header-sub .header-sub-brand a{
width:84px;
height:30px;
margin:0 auto;
background:url(../img/top/header/header-sub-brand-sp.jpg) no-repeat left top;
background-size:100%;
}
#header-sub .header-sub-company a{
width:60px;
height:30px;
margin:0 auto;
background:url(../img/top/header/header-sub-company-sp.jpg) no-repeat left top;
background-size:100%;
}
#header-sub .header-sub-online a{
width:128px;
height:30px;
margin:0 auto;
background:url(../img/top/header/header-sub-online-sp.jpg) no-repeat left top;
background-size:100%;
}
#header-sub .header-sub-timeless a{
width:92px;
height:25px;
margin:0 auto;
background:url(../img/top/header/header-sub-timeless-sp.jpg) no-repeat left top;
background-size:100%;
}
#header-sub .header-sub-brand a:hover,
#header-sub .header-sub-company a:hover,
#header-sub .header-sub-online a:hover{
background-position:left top;
}
}

/*header-main*/
#header-main{
width:930px;
margin:10px auto;
padding-top:15px;
height:15px;
overflow:hidden;
}
#header-main li{
float:left;
height:15px;
padding:0 30px;
}

#header-main li a{
display:block;
height:15px;
text-indent:-9999px;
overflow:hidden;
}

#header-main .nowpage a{
background-position:left -20px!important;
}

#header-main .header-main-home{
width:49px;
}

#header-main .header-main-home a{
width:49px;
background:url(../img/top/header/header-home.jpg) no-repeat left top;
}

#header-main .header-main-brands{
width:55px;
}

#header-main .header-main-brands a{
width:55px;
background:url(../img/top/header/header-brands.jpg) no-repeat left top;
}

#header-main .header-main-news{
width:45px;
}

#header-main .header-main-news a{
width:45px;
background:url(../img/top/header/header-news.jpg) no-repeat left top;
}

#header-main .header-main-special{
width:66px;
}

#header-main .header-main-special a{
width:66px;
background:url(../img/top/header/header-special.jpg) no-repeat left top;
}

#header-main .header-main-contact{
width:80px;
}

#header-main .header-main-contact a{
width:110px;
background:url(../img/top/header/header-contact.jpg) no-repeat left top;
}

#header-main .header-main-membership{
width:110px;
}

#header-main .header-main-membership a{
width:110px;
background:url(../img/top/header/header-membership.jpg) no-repeat left top;
}

#header-main .header-main-sanyo{
width:103px;
}

#header-main .header-main-sanyo a{
width:103px;
background:url(../img/top/header/header-sanyo.jpg) no-repeat left top;
}

#header-main .header-main-timeless{
width:123px;
}

#header-main .header-main-timeless a{
width:123px;
background:url(../img/top/header/header-timeless.jpg) no-repeat left top;
}

#header-main .header-main-home a:hover,
#header-main .header-main-brands a:hover,
#header-main .header-main-news a:hover,
#header-main .header-main-special a:hover,
#header-main .header-main-contact a:hover,
#header-main .header-main-sanyo a:hover,
#header-main .header-main-membership a:hover,
#header-main .header-main-timeless a:hover{
background-position:left -20px;
}

#toggle-menu{
display:none;
}

/* smartphone */
@media screen and (max-width:736px){
#header-main{
display:none;
position:absolute;
z-index:2;/*slideshowよりも上に表示させるため*/
width:100%;
height:286px;
background:#000;
padding-top:0;
top:80px;
}
#header-main li{
float:none;
width:100%;
height:40px;
padding:0 5%;
border-bottom:#424242 1px solid;
}
#header-main li a{
width:90%;
height:40px;
position:relative;
}
#header-main li a:after{
content:".";
position:absolute;
top:0;
right:0;
width:6px;
height:40px;
background:url(../img/top/header/header-arrow-sp.jpg) no-repeat left top;
background-size:100%;
}
#header-main .header-main-home,
#header-main .header-main-brands,
#header-main .header-main-news,
#header-main .header-main-special,
#header-main .header-main-contact,
#header-main .header-main-membership,
#header-main .header-main-sanyo,
#header-main .header-main-timeless{
width:90%;
}
#header-main .header-main-home a,
#header-main .header-main-brands a,
#header-main .header-main-news a,
#header-main .header-main-special a,
#header-main .header-main-contact a,
#header-main .header-main-membership a,
#header-main .header-main-sanyo a,
#header-main .header-main-timeless a{
width:100%;
}
#header-main .header-main-home a{
background:url(../img/top/header/header-home-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-brands a{
background:url(../img/top/header/header-brands-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-news a{
background:url(../img/top/header/header-news-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-special a{
background:url(../img/top/header/header-special-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-contact a{
background:url(../img/top/header/header-contact-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-membership a{
background:url(../img/top/header/header-membership-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-sanyo a{
background:url(../img/top/header/header-sanyo-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .header-main-timeless a{
background:url(../img/top/header/header-timeless-sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .nowpage a{
background-position:left top!important;
}
#header-main .header-main-home a:hover,
#header-main .header-main-brands a:hover,
#header-main .header-main-news a:hover,
#header-main .header-main-special a:hover,
#header-main .header-main-contact a:hover,
#header-main .header-main-membership a:hover,
#header-main .header-main-sanyo a:hover,
#header-main .header-main-timeless a:hover{
background-position:left top;
}
#toggle-menu{
display:block;
margin-top:8px;
width:74px;
height:24px;
background:url(../img/top/header/header-toggle-menu.jpg) no-repeat left top;
background-size:auto 100%;
text-indent:-9999px;
overflow:hidden;
float:right;
}
}

/*header-fixed*/
div#header-fixed-container{
position:fixed;
top:-40px;
left:0;
overflow:hidden;
width:100%;
height:92px;
display:none;
background:#fff;
}

.ie6 div#header-fixed-container{
position:absolute;
}

div#header-fixed{
width:980px;
position:absolute;
top:0px;
left:50%;
margin-left:-475px;
}

a#header-fixed-title{
width:118px;
height:45px;
display:block;
background:url(../img/top/header/header-fixed-title.jpg) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
float:left;
}

a#header-fixed-title:hover{
background-position:left -55px;
}

#header-fixed{
padding-top:31px;
}

#header-fixed ul#header-fixed-main{
float:left;
padding:30px 0 0 20px;
}

#header-fixed ul#header-fixed-main li{
float:left;
height:15px;
padding:0 21px;
}

#header-fixed ul#header-fixed-main li a{
display:block;
height:15px;
text-indent:-9999px;
overflow:hidden;
}

#header-fixed .header-main-home{
width:49px;
}

#header-fixed .header-main-home a{
width:49px;
background:url(../img/top/header/header-home.jpg) no-repeat left top;
}

#header-fixed .header-main-brands{
width:55px;
}

#header-fixed .header-main-brands a{
width:55px;
background:url(../img/top/header/header-brands.jpg) no-repeat left top;
}

#header-fixed .header-main-news{
width:45px;
}

#header-fixed .header-main-news a{
width:45px;
background:url(../img/top/header/header-news.jpg) no-repeat left top;
}

#header-fixed .header-main-special{
width:66px;
}

#header-fixed .header-main-special a{
width:66px;
background:url(../img/top/header/header-special.jpg) no-repeat left top;
}

#header-fixed .header-main-contact{
width:80px;
}

#header-fixed .header-main-contact a{
width:80px;
background:url(../img/top/header/header-contact.jpg) no-repeat left top;
}

#header-fixed .header-main-membership{
width:110px;
}

#header-fixed .header-main-membership a{
width:110px;
background:url(../img/top/header/header-membership.jpg) no-repeat left top;
}

#header-fixed .header-main-sanyo{
width:103px;
}

#header-fixed .header-main-sanyo a{
width:103px;
background:url(../img/top/header/header-sanyo.jpg) no-repeat left top;
}

#header-fixed .header-main-timeless{
width:123px;
}

#header-fixed .header-main-timeless a{
width:123px;
background:url(../img/top/header/header-timeless.jpg) no-repeat left top;
}

#header-fixed .header-main-home a:hover,
#header-fixed .header-main-brands a:hover,
#header-fixed .header-main-news a:hover,
#header-fixed .header-main-special a:hover,
#header-fixed .header-main-contact a:hover,
#header-fixed .header-main-membership a:hover,
#header-fixed .header-main-sanyo a:hover,
#header-fixed .header-main-timeless a:hover{
background-position:left -20px;
}

#header-fixed-sub{
width:402px;
height:46px;
position:absolute;
top:0;
right:10px;
background:url(../img/top/header/header-sub-bg.jpg) no-repeat left top;
}

#header-fixed-sub li{
float:left;
}

#header-fixed-sub li a{
display:block;
text-indent:-9999px;
overflow:hidden;
}

#header-fixed-sub .nowpage a{
background-position:center -46px!important;
}

#header-fixed-sub .header-sub-brand{
width:125px;
height:46px;
}

#header-fixed-sub .header-sub-brand a{
width:125px;
height:46px;
background:url(../img/top/header/header-sub-brand.jpg) no-repeat center top;
}

#header-fixed-sub .header-sub-company{
width:102px;
height:46px;
padding-left:1px;
}

#header-fixed-sub .header-sub-company a{
width:102px;
height:46px;
background:url(../img/top/header/header-sub-company.jpg) no-repeat center top;
}

#header-fixed-sub .header-sub-online{
width:173px;
height:46px;
padding-left:1px;
}

#header-fixed-sub .header-sub-online a{
width:173px;
height:46px;
background:url(../img/top/header/header-sub-online.jpg) no-repeat center top;
}

#header-fixed-sub .header-sub-timeless{
width:95px;
height:23px;
padding-left:29px;
}

#header-fixed-sub .header-sub-timeless a{
width:95px;
height:23px;
background:url(../img/top/header/header-sub-timeless.jpg) no-repeat left top;
}

#header-fixed-sub .header-sub-brand a:hover,
#header-fixed-sub .header-sub-company a:hover,
#header-fixed-sub .header-sub-online a:hover,
#header-fixed-sub .header-sub-timeless a:hover{
background-position:center -46px;
}

/* smartphone */
@media screen and (max-width:736px){

}

/*----------------------------------------------------------------------------------------------------
*pankuzu
----------------------------------------------------------------------------------------------------*/
div#pankuzu{
padding:20px 0;
}

div#pankuzu li{
float:left;
background:url(../img/lineup/pankuzu-list.jpg) no-repeat left 3px;
padding-left:10px;
margin-left:8px;
}

div#pankuzu li.pankuzu-first{
background:none!important;
padding-left:0!important;
margin-left:0!important;
}

/* smartphone */
@media screen and (max-width:736px){
div#pankuzu{
padding-left:5%;
}
div#pankuzu li:last-child{
width:70%;
}
}

/*----------------------------------------------------------------------------------------------------
*subfooter
----------------------------------------------------------------------------------------------------*/
div#subfooter{
width:100%;
border-top:#cccccc 1px solid;
background:#fbfbfb;
margin-top:20px;
}

div#subfooter-innter-container{
width:960px;
margin:0 auto;
padding-bottom:20px;
}

div#subfooter-nav1,
div#subfooter-nav2,
div#subfooter-nav3{
float:left;
margin-top:40px;
}

div#subfooter-nav2,
div#subfooter-nav3{
padding-left:40px;
}

/* 0708追記 */
div#subfooter-nav4{
float:left;
margin-top:40px;
padding-left:40px;
}

div#subfooter-nav2 li{
padding-bottom:17px;
margin-bottom:20px;
width:192px;
height:20px;
border-bottom:#f0f0f2 1px solid;
}

div#subfooter-nav2 li a{
overflow:hidden;
display:block;
color:#242931;
letter-spacing:.1em;
}

div#subfooter-nav2 li a:hover{
text-decoration:underline;
color:#95989d;
}

div#subfooter-nav3 li{
width:190px;
border-bottom:#f0f0f2 1px solid;
}

div#subfooter-nav3 li a{
text-indent:-9999px;
overflow:hidden;
display:block;
}

/* subfooter-nav1 */
div#subfooter-brands{
width:495px;
font-size:11px;
overflow:hidden;
border-bottom:#f0f0f2 1px solid;
padding-bottom:17px;
}

div#subfooter-nav1-1{
width:247px;
float:left;
}

div#subfooter-women{
width:52px;
height:10px;
font-size:11px;
overflow:hidden;
margin-top:20px;
padding-bottom:20px;
}

div#subfooter-men{
width:28px;
height:10px;
font-size:11px;
overflow:hidden;
margin-top:20px;
padding-bottom:20px;
}

div#subfooter-online{
width:100px;
height:11px;
font-size:11px;
overflow:hidden;
margin-top:20px;
padding-bottom:20px;
}

div#subfooter-nav1-2{
width:247px;
float:left;
}

div#subfooter-brands a,
div#subfooter-women a,
div#subfooter-men a,
div#subfooter-online a{
color:#242931;
letter-spacing:.1em;
}

div#subfooter-brands a:hover,
div#subfooter-women a:hover,
div#subfooter-men a:hover,
div#subfooter-online a:hover{
text-decoration:underline;
color:#95989d;
}


/* subfooter-nav2 */
#subfooter-news{
}

#subfooter-news a{
font-size:11px;
}

#subfooter-special{
}

#subfooter-special a{
font-size:11px;
}

#subfooter-contact{
}

#subfooter-contact a{
font-size:11px;
}

#subfooter-membership{
}

#subfooter-membership a{
font-size:11px;
}

#subfooter-repair{
}

#subfooter-repair a{
font-size:11px;
}

/* subfooter-nav3 */
#subfooter-hnen a{
width:75px;
height:18px;
background:url(../img/top/subfooter/subfooter-hnen.jpg) no-repeat left top;
}
#subfooter-hnen{
width:75px;
height:18px;
padding-bottom:20px;
margin-bottom:22px;
}
#subfooter-ginzatower a{
width:148px;
height:16px;
background:url(../img/top/subfooter/subfooter-ginzatower.jpg) no-repeat left top;
}
#subfooter-ginzatower{
width:148px;
height:16px;
padding-bottom:20px;
margin-bottom:22px;
}
#subfooter-sanyo{
width:83px;
height:16px;
padding-bottom:20px;
margin-bottom:22px;
}
#subfooter-sanyo a{
width:83px;
height:16px;
background:url(../img/top/subfooter/subfooter-sanyo.jpg) no-repeat left top;
}
#subfooter-timeless{
width:115px;
height:16px;
padding-bottom:18px;
margin-bottom:16px;
}

#subfooter-timeless a{
width:115px;
height:11px;
background:url(../img/top/subfooter/subfooter-timeless.jpg) no-repeat left top;
}
#subfooter-factories{
width:96px;
height:30px;
px;
padding-bottom:10px;
margin-bottom:16px;
}

#subfooter-factories a{
width:96px;
height:30px;
background:url(../img/top/subfooter/subfooter-factories.jpg) no-repeat left top;
}
#subfooter-hnen a:hover,
#subfooter-ginzatower a:hover,
#subfooter-sanyo a:hover,
#subfooter-timeless a:hover{
    background-position: left -20px;
}

#subfooter-factories a:hover{background-position: left -36px;
}

#subfooter-sns{
padding-bottom:17px;
margin-bottom:17px;
}

#subfooter-sns div{
float:left;
padding-right:10px;
}

#subfooter-youtube{
width:23px;
height:23px;
}

#subfooter-youtube a{
width:23px;
height:23px;
background:url(../img/top/subfooter/subfooter-youtube.jpg) no-repeat left top;
}

#subfooter-fb{
width:18px;
height:19px;
}

#subfooter-fb a{
width:18px;
height:19px;
background:url(../img/top/subfooter/subfooter-fb.jpg) no-repeat left top;
}

#subfooter-tw{
width:20px;
height:19px;
}

#subfooter-tw a{
width:20px;
height:19px;
background:url(../img/top/subfooter/subfooter-tw.jpg) no-repeat left top;
}

#subfooter-youtube a:hover,
#subfooter-fb a:hover,
#subfooter-tw a:hover{
background-position:left -30px;
}


/* subfooter-nav4 */
div#subfooter-company{
width:422px;
font-size:11px;
overflow:hidden;
border-bottom:#f0f0f2 1px solid;
padding-bottom:17px;
}

/* 0708追記 */
div#subfooter-company a{
color:#242931;
letter-spacing:.1em;
}

div#subfooter-company a:hover{
text-decoration:underline;
color:#95989d;
}

div#subfooter-nav4-1{
margin-top:20px;
width:190px;
float:left;
}

div#subfooter-nav4-2{
margin-top:20px;
padding-left:40px;
width:190px;
float:left;
}

/* smartphone */
@media screen and (max-width:736px){

div#subfooter-innter-container{
width:90%;
margin:0 auto;
padding:0px 5% 20px 5%;
}

div#subfooter-nav1{
width:100%;
margin-top:20px;
}

div#subfooter-brands{
width:100%;
}

div#subfooter-nav1-1{
width:50%;
}

div#subfooter-nav1-2{
width:50%;
}


div#subfooter-nav2{
width:100%;
padding-left:0px;
margin-top:20px;
}

div#subfooter-nav2 li{
width:100%;
}

div#subfooter-nav3{
width:100%;
padding-left:0px;
margin-top:0;
}

div#subfooter-nav3 li{
width:100%;
}

/* 0708追記 */
div#subfooter-nav4{
width:100%;
padding-left:0;
margin-top:0;
}

div#subfooter-company{
width:100%;
}

div#subfooter-nav4-1{
width:50%;
}

div#subfooter-nav4-2{
width:50%;
padding-left:0;
}

}

/*----------------------------------------------------------------------------------------------------
*footer
----------------------------------------------------------------------------------------------------*/
footer{
width:100%;
height:48px;
border-top:#d3d4d6 1px solid;
}

div#footer-inner-container{
width:960px;
margin:0 auto;
}

div#footer-nav{
margin-top:20px;
float:left;
}

.ie6 div#footer-nav{
padding-bottom:20px;
}

div#footer-nav li{
float:left;
height:10px;
line-height:10px;
padding:0 8px;
border-right:#706e6e 1px solid;
}

div#footer-nav .footer-nav-first{
padding-left:0!important;
}

div#footer-nav .footer-nav-last{
border-right:none!important;
}

div#footer-copyright a{
display:block;
margin-top:20px;
float:right;
color:#666;
height:10px;
line-height:10px;
background:url(/brand/img/common/copylogo.png) no-repeat 0px;
padding-left:130px;
}

/* smartphone */
@media screen and (max-width:736px){
footer{
height:auto;
}

div#footer-inner-container{
width:97%;
margin:0 0 0 3%;
}

div#footer-nav li{
margin:3px 0;
}

div#footer-copyright a{
display:block;
float: left;
margin-top: 10px;
padding-top: 15px;
padding-left:0px;
background: url(/brand/img/common/copylogo.png) no-repeat left top;
}


}

#pagetop{
width:960px;
margin:0 auto 10px;
}

#pagetop a{
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../img/common/btn_pagetop.png) no-repeat;
width:79px;
height:17px;
float:right;
}

/* smartphone */
@media screen and (max-width:736px){
#pagetop{
width:90%;
margin:0 auto 10px;
}