/* BASIC css start */
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .hd_top { width:100%;border-bottom:1px solid #e9e9e9;}
#header .headerTnb { margin:0 auto; position:relative; width:1765px; height:64px; *zoom:1; }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { float:left }
#header .headerTnb .tnbLeft li a { display:block; height:64px;line-height:64px }
#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:27px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:64px; color:#acacac; line-height:64px;font-family:"futura-pt";font-size:13px;letter-spacing:1px }
#header .headerTnb .tnbRight li a.sp{font-weight:bold}


#header .hd_bt { width:100%;border-bottom:1px solid #e9e9e9;position:relative;}
#header .headerTop { width:1765px;margin:0 auto;*zoom:1;position:relative; }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:0 210px; padding-top:12px; text-align:center }
#header .headerTop .searchArea { float:right;position:absolute; top:10px; right:0; width:265px; height:34px; border:1px solid #dddddd;border-radius:20px;text-align:center; }
#header .headerTop .searchArea .search { position:relative; width:240px; height:32px }
#header .headerTop .searchArea .search input { margin-left:20px; width:220px; height:32px; line-height:32px; border:none; background:#fff }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:7px; right:0; width:20px; height:20px; text-indent:-9999em; background:url('/design/storia0720/mk/img/btn_search.png') 0 0 no-repeat }

#header .headerGnb { float:left;}
#header .headerGnb .gnbInner { margin:0 auto; position:relative; }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li {margin:0 35px 0 0; position:relative; float:left;box-sizing:border-box;  }
#header .headerGnb .gnbInner ul li a { display:block; font-size:16px; color:#000000;font-weight:400; white-space:nowrap;height:55px;line-height:55px;  }

#header .headerGnb .gnbInner ul li a.sp_txt{font-weight: bold;color: #f81b1b}

#header .headerGnb .gnbInner ul li a img.img_sp{margin:-6px 0 0 0;}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }
.sub-category { position:absolute; left:50%; top:50px; margin-left:-87px;width:175px; z-index:1;visibility:hidden;background-color:rgba(255,255,255, 0.8);text-align:center;border-radius:0 0 10px 10px;background-image:url('/design/storia0720/mk/img/sub_bg.png');background-repeat:no-repeat;padding:34px 0; }
.sub-category dd a { line-height:30px;height:30px;}
#header .headerGnb .gnbInner ul li a:hover {font-weight:bold; white-space:nowrap; box-sizing:border-box; }



#all_menu { position: absolute; background: rgb(255, 255, 255, 0.7); width: 100%;z-index:99;top:50px; }
#all_menu .inner_all { width:1762px;margin:0 auto; }
#all_menu .inner_all ul.first { margin-left:25px;border-left:1px solid #e9e9e9; }
#all_menu .inner_all ul { float:left;width:189px;padding:0 30px;margin:50px 0;box-sizing:border-box;border-right:1px solid #e9e9e9; }
#all_menu .inner_all ul li dl { min-height:215px;}
#all_menu .inner_all ul li dt a {font-size: 16px;color: #000000;font-weight: 400;white-space: nowrap; }
#all_menu .inner_all ul li dt { padding-bottom:30px; }
#all_menu .inner_all ul li dd p { padding-bottom:10px; }
#all_menu .inner_all ul li dd p a { font-size: 16px;font-weight: 400;white-space: nowrap;color:#8d8d8d; } 


.fix_detail {
    padding-top: 0;
    position: fixed!important;
    top: 0px;
    transition: all 0.2s ease-out 0s;
    z-index: 11;
background:#fff;
}

/* BASIC css end */