#head_left { width: 350px; margin-top: 23px; height: 72px; float: left; }
#head_left h1 { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: 0 -100px; height: 60px; width: 114px; float: left; margin: 0; padding: 0; }
#head_left h1 a { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 60px; }
#head_left h1 a:hover { height: 60px; width: 114px; display: block; background-image: url(/common/design/user/img/images.png); background-position: 0 -2620px; }
#head_left ul { display: table-cell; width: 235px; float: right; }
#head_left ul #copy { font-size: 12px; font-weight: 700; margin-left: 2px; line-height: 15px; }
#head_left ul #tel { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -118px -132px; height: 38px; width: 191px; }
#head_left ul #tel { text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; height: 38px; }
#head_left ul #tel a:hover { display: block; background-image: url(/common/design/user/img/images.png); background-position: 0 -2620px; }
#head_right { float: right; width: 605px; position: relative; margin-top: 20px; }
#head_right nav { width: 100%; clear: both; padding-top: 25px; }
#head_right nav ul { padding: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#head_right nav ul li { float: left; font-size: 14px; font-weight: bolder; }

#head_right nav ul .menu01 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -401px -143px; height: 39px; margin-right: 25px; width: 102px; display: block; }
#head_right nav ul .menu01 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -401px -192px; height: 39px; width: 102px; display: block; }
#head_right nav ul .menu02 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -527px -143px; height: 39px; margin-right: 25px; width: 73px; display: block; }
#head_right nav ul .menu02 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -527px -192px; height: 39px; }
#head_right nav ul .menu03 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -626px -143px; height: 39px; margin-right: 25px; display: block; width: 78px; }
#head_right nav ul .menu03 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -626px -192px; height: 39px; display: block; width: 78px; }
#head_right nav ul .menu04 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -724px -143px; height: 39px; margin-right: 25px; width: 114px; display: block; }
#head_right nav ul .menu04 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -724px -192px; height: 39px; width: 114px; display: block; }
#head_right nav ul .menu05 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -863px -143px; height: 39px; width: 88px; margin-right: 25px; }
#head_right nav ul .menu05 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -863px -192px; height: 39px; width: 88px; }
#head_right nav ul .menu06 a { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -978px -143px; height: 39px; width: 24px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; }
#head_right nav ul .menu06 a:hover { background-image: url(/common/design/user/img/images.png); background-repeat: no-repeat; background-position: -978px -192px; height: 39px; width: 24px; margin-top: 0; margin-right: 0px; margin-bottom: 0; margin-left: 0; }
#head_right {
    width: 645px;
}

#head_right nav ul .menu06 a {
    background-position: -1047px -143px;
}

#head_right nav ul .menu06 a:hover {
    background-position: -1047px -192px;
}

#head_right nav ul .menu07 a {
    background-image: url(/common/design/user/img/images.png);
    background-repeat: no-repeat;
    background-position: -953px -143px;
    height: 39px;
    margin-right: 12px;
    width: 94px;
    display: block;
}

#head_right nav ul .menu07 a:hover {
    background-image: url(/common/design/user/img/images.png);
    background-repeat: no-repeat;
    background-position: -953px -192px;
    height: 39px;
    width: 94px;
}

#head_right nav ul .menu01 a, #head_right nav ul .menu02 a, #head_right nav ul .menu03 a,
#head_right nav ul .menu04 a, #head_right nav ul .menu05 a {
    margin-right: 12px;
}
#head_top { background-color: #FF0201; height: 60px; width: 100%; }
#head_top #head_top_inline { width: 1024px; margin-right: auto; margin-left: auto; }
#head_top .dropmenu { *zoom: 1; width: 910px; float: left; }
#head_top .dropmenu:before, #head_top .dropmenu:after { content: ""; display: table; }
#head_top .dropmenu:after { clear: both }
#head_top .dropmenu li { position: relative; width: 18%; float: left; text-align: center; margin-right: 0; margin-bottom: 0; margin-left: 0; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-right: 0; padding-left: 0; margin-top: 0px; }
#head_top .dropmenu li a { display: block; margin: 0; background: #FF0201; color: #fff; font-size: 14px; line-height: 1; text-decoration: none; font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif; font-weight: bold; padding-right: 0; padding-left: 0; padding-bottom: 11px; padding-top: 15px; }
#head_top .dropmenu #account, #head_top .dropmenu #bookmark, #head_top .dropmenu #cart, #head_top .dropmenu #login { height: 60px }
#head_top .dropmenu #account a span, #head_top .dropmenu #bookmark a span, #head_top .dropmenu #cart a span, #head_top .dropmenu #login a span { padding-left: 5px }
#head_top .dropmenu #cart a { position: relative }
#head_top .dropmenu #cart a .cart_count { position: relative }
#head_top .dropmenu #account a table { margin-left: 10px }
#head_top .dropmenu #account a table tr td { padding-top: 10px }
#head_top .dropmenu #account a span { width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: block; float: left; padding-right: 10px; }
#head_top .dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; width: 200px; }
#head_top .dropmenu li ul li { width: 100% }
#head_top .dropmenu li ul li a { background: #555; text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; }
#head_top .dropmenu li ul li a:hover { height: 15px }
#head_top .dropmenu li:hover > a { background: #000 }
#head_top .dropmenu li a:hover { background: #000; height: 34px; }
#head_top .dropmenu li ul li { overflow: hidden; height: 0; transition: .2s; }
#head_top .dropmenu li:hover ul li { overflow: visible; height: 38px; }
#head_top .form_area { position: relative; padding: 0px; top: 3px; margin: 0px; float: left; width: 500px; }
#head_top .form_area .pure-input-2-3 { width: 300px; float: left; margin-left: 20px; }
#head_top .form_area .pure-button-primary { background-color: #000; float: left; position: absolute; margin-left: 10px; top: 7px; }
#head_top #sns { width: 100px; margin-top: 10px; top: 0px; float: right; }
#head_top #sns ul { margin: 0; padding: 0; width: 100px; }
#head_top #sns ul li { float: left }
#head_top #sns ul #fb { height: 40px; width: 40px; margin-right: 5px; background-image: url(/common/design/user/img/images.png); background-position: -660px -2620px; background-color: #FFF; background-repeat: no-repeat; display: block; float: left; }
#head_top #sns ul #fb a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 40px; width: 40px; }
#head_top #sns ul #tw { height: 40px; width: 40px; background-image: url(/common/design/user/img/images.png); background-position: -710px -2620px; margin-right: 0px; text-indent: 100%; display: block; float: right; }
#head_top #sns ul #tw a { height: 40px; width: 40px; text-indent: 100%; white-space: nowrap; display: block; overflow: hidden; }
#head_top #head_top_inline #sns ul #fb a:hover, #head_top #head_top_inline #sns ul #tw a:hover { background-color: #FFF; opacity: 0.7; }