@font-face {
    font-family: 'futura_lt_btlight';
    src: url('/common2/font/futural-webfont.eot');
    src: url('/common2/font/futural-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common2/font/futural-webfont.woff') format('woff'),
         url('/common2/font/futural-webfont.ttf') format('truetype'),
         url('/common2/font/futural-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_md_btmedium';
    src: url('/common2/font/futuram-webfont.eot');
    src: url('/common2/font/futuram-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common2/font/futuram-webfont.woff') format('woff'),
         url('/common2/font/futuram-webfont.ttf') format('truetype'),
         url('/common2/font/futuram-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
::-moz-selection{
    background:#FFCC00;
    color:#000;
}
::selection{
    background:#FFCC00;
    color:#000;
}
html,body{
    min-height:100%;
    height:100%;
}
body{
    font-size:12px;
    height:100%;
    margin:0;
    background:url(../img/bg.jpg) 0 0 repeat;
    background-size:25px 25px;
    font-family: futura_md_btmedium;
}
p{
    margin:0;
}
a{
    text-decoration:none;
}
ul{
    margin:0;
    padding:0;
    list-style:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
img{
    vertical-align:text-bottom;
}
h1,h2,h3{
    margin:0;
    font-weight:normal;
}
input,textarea,select{
    font-family:futura_md_btmedium;
}
input{
    text-decoration:none;
    padding:0
}
input[type="button"]:hover,
input[type="submit"]:hover{
    text-decoration:underline;
}
#wrapper{
    height:100%;
    position:relative;
}


/* header start */
#header{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
    height:70px;
}
#header2{
    background:url(../img/naviBg2.jpg) 0 0 repeat;
    position:fixed;
    top:70px;
    left:0;
    z-index:100;
    width:100%;
    min-width:960px;
    display:none;
}
#daisuki{
    width:269px;
    height:100%;
    border-right:1px solid rgba(255,255,255,0.2);
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    background:none;
}
#daisuki #menu{
    float:left;
    width:74px;
    height:70px;
}
#daisuki #menu a{
    background:url(../img/menuBtn.png) 23px 22px no-repeat;
    background-size:28px 24px;
    display:block;
    width:100%;
    height:100%;
}
#daisuki #logo{
    float:left;
    margin:0;
    margin-top:20px;
    height:38px;
    margin-left:14px;
}
#daisuki #logo a{
    display:block;
    width:100%;
    height:100%;
}
#daisuki #logo a img{
    width:auto;
    height:100%;
}
#header_menu{
    height:70px;
    width:600px;
    position:absolute;
    top:0;
    left:313px;
}
#header_menu p{
    font-size:24px;
    color:#fff;
    display:inline-block;
    padding-top:23px;
    line-height:1;
}
#header_menu p a{
    color:#fff;
}
#header_menu .menu{
    display:inline-block;
    margin-left:10px;
    position:relative;
    top:-2px;
}
#header_menu .menu li{
    display:inline-block;
    height:32px;
    line-height:32px;
}
#header_menu .menu li a{
    border:1px #343434 solid;
    border-radius:16px;
    color:#fff;
    font-size:16px;
    height:30px;
    display:block;
    padding:0 18px;
    line-height:32px;
    font-family:futura_lt_btlight;
    font-weight:bold;
}
#header_menu .menu li a.active,
#header_menu .menu li a:hover{
    border:1px #343434 solid;
    background-color:#FFCE09;
    color:#000;
}
#forgot{
    width:800px;
    text-align:right;
    font-size:14px;
    left:50%;
    top:50%;
    margin:230px 0 0 -400px;
    position:fixed;
    z-index:650;
    line-height:140%;
    display:none;
}
#forgot a{
    color:#fff;
    margin-right:5px;
}
#forgot a:hover{
    text-decoration:underline;
}
/* header  end  */


/* leftSideMenu start */
#menuBlock{
    background-color:#111;
    display:block;
    position:fixed;
    left:-270px;
    top:70px;
    width: 270px;
    height:3000px;
}
#menuBlock .grayBox{
    border-top:1px #303035 solid;
    border-right:1px solid #414141;
    padding-top:9px;
    padding-bottom:11px;
    background:url(../img/naviBg2.jpg) 0 0 repeat;
}
#menuBlock .Serch{
    width:100%;
    height:48px;
    position:relative;
}
#menuBlock .Serch input{
    border:1px #fff solid;
    height:46px;
    width:174px;
    padding:0 46px 0 18px;
    text-align:left;
    background-color:#D3D3D3;
    border-radius:4px;
    color:#333;
    font-size:18px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#menuBlock .Serch input:focus {
    outline:none;
}
#menuBlock .Serch .searchIcon{
    position:absolute;
    top:2px;
    right:107px;
    width:23px;
    height:23px;
    z-index:10;
    border:none;
    padding:23px;
    background:url(../img/searchIcon.png) center center no-repeat;
    background-size:23px 23px;
    text-indent:-9999px;
    cursor:text;
    outline:none;
}
#menuBlock .cart,
#menuBlock .signIn,
#menuBlock .userName{
    width:238px;
    margin:15px auto 0 auto;
    text-align:center;
    border:1px #303035 solid;
    height:48px;
    line-height:48px;
    font-size:18px;
    border-radius:4px;
    position:relative;
}
#menuBlock .signIn a,
#menuBlock .userName a,
#menuBlock .cart a{
    color:#fff;
    text-decoration:none;
    display:block;
}
#menuBlock .signIn a:hover,
#menuBlock .userName a:hover,
#menuBlock .cart a:hover{
    background-image:url(../img/loginArrow.png);
    background-position:210px 14px;
    background-repeat:no-repeat;
    background-color:#252528;
}
#menuBlock .cart .cartNum{
    position:absolute;
    top:10px;
    right:10px;
    height:30px;
    width:30px;
    border-radius:4px;
    color:#fff;
    text-align:center;
    line-height:30px;
    background-color:#666666;
}
#menuBlock .userName{
    background-image:url(../img/loginArrow.png);
    background-position:210px 14px;
    background-repeat:no-repeat;
    color:#fff;
}
#menuBlock .leftMenuCategory li{
    width:240px;
    height:48px;
    line-height:48px;
    margin:11px auto 15px auto;
    font-size:18px;
    text-align:center;
}
#menuBlock .leftMenuCategory li a{
    color:#fff;
    display:block;
    width:100%;
    height:100%;
    border:1px #111111 solid;
}
#menuBlock .leftMenuCategory li a:hover{
    border:1px #303035 solid;
    border-radius:4px;
}
#menuBlock .sns{
    margin-top:16px;
    padding-bottom:25px;
    text-align:center;
    letter-spacing:-0.4em;
}
#menuBlock .sns li{
    display:inline-block;
    margin:0 4px;
}
#menuBlock .sns li a{
    display:block;
}
#menuBlock .sns li a img{
    border:1px #111 solid;
    border-radius:17px;
}
#menuBlock .sns li a:hover img{
    border:1px solid #303035;
}
#signInIframe,
#snsConfirmIframe,
#closeButton{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:700;
    border:0;
}
#signInIframe{
    position:absolute;
    width:800px;
    height:460px;
    top:50%;
    left:50%;
    margin-top:-230px;
    margin-left:-400px;
}
#closeButton{
    left:50%;
    top:50%;
    margin:-230px 0 0 400px;
    width:45px;
    height:45px;
    text-align:center;
    background-color:#000;
    cursor:pointer;
    z-index:700;
}
#closeButton img{
    width:21px;
    height:21px;
    margin-top:12px;
}
#popupBackground {
    position:fixed;
    display:none;
    z-index:600;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/* contents start */
#contents{
    min-width:850px;
}
#frame{
    width:100%;
    overflow:hidden;
    position:relative;
}
#frame.index{
    padding-top:70px
}
#innerframe{
    position:relative;
    left:0px;
    top:0px;
    display:block;
    padding-bottom:142px;
}
.delayImageLoad{
    display:none;
}
.loading{
    display:none;
    width:24px !important;
    height:24px !important;
    position:absolute;
    top:50% !important;
    left:50% !important;
    margin-left:-12px;
    margin-top:-12px;
}
.errorMessage{
    color:#900;
    font-size:14px;
}
/* contents  end  */


/* footer start */
#footer{
    text-align:center;
    background:url(../img/footer_border.jpg) 0 0 repeat-x;
    color:#333;
    width:100%;
    min-width:960px;
    height:102px;
    position:absolute;
    bottom:40px;
    left:0;
}
#top_btn{
    position:relative;
    top:-27px;
}
#top_btn a{
    display:inline-block;
    height:52px;
    width:52px;
    border-radius:26px;
}
#top_btn a img{
    border-radius:26px;
}
#footer_menu li{
    display:inline-block;
    margin:0 13px 20px 13px;
    font-size:13px;
}
#footer_menu li a{
    color:#333;
}
#footer_menu li a:hover{
    text-decoration:underline;
}
#copyrightMark a{
    color:#333;
}
#copyrightMark a:hover{
    text-decoration:underline;
}
/* footer  end  */


/* clearFix */
.clearFix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    font-size:0;
    line-height:0;
}
.clearFix {
    display:inline-block;
}
* html .clearFix {
    height:1%;
}
.clearFix {
    display:block;
}