.bylaw_menu_small{position:relative;z-index:99;color:#333;text-align:center;background-color:#fdc800;background-image:-moz-linear-gradient(top,#fcb313 0,#fed800 100%);background-image:-webkit-linear-gradient(top,#fcb313 0,#fed800 100%);background-image:-ms-linear-gradient(top,#fcb313 0,#fed800 100%);background-image:linear-gradient(top,#fcb313 0,#fed800 100%);border-top:1px solid #d78d2d;border-bottom:1px solid #fdb414;-webkit-transition:all .2s linear;transition:all .2s linear;box-sizing:border-box;opacity:0;height:0;padding:0;border:none;width:100%;font-size:14px}
.bylaw_menu_small.open{height:36px;opacity:1}
.bylaw_menu_small.static{position:relative;overflow:hidden}
.bylaw_menu_small.float{position:fixed;top:36px;box-shadow:0 2px 10px rgba(0,0,0,0.2);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.bylaw_menu_small.float.open{-webkit-transform:translateY(0);transform:translateY(0)}
.bylaw_menu_small header{margin-bottom:6px}
.bylaw_menu_small .close_bylaw_menu_small{position:absolute;top:0;bottom:0;right:0;margin:auto;width:24px;height:24px;border-radius:100px;background-color:rgba(0,0,0,0.1);color:#594700;font-weight:bold;font-size:16px;line-height:24px;cursor:pointer}
.bylaw_menu_small .close_bylaw_menu_small:hover{background-color:rgba(0,0,0,0.15)}
.bylaw_menu_small .btn_bylaw_proceed{margin:6px}
.bylaw_menu_small .content{position:relative;width:1024px;margin:0 auto;padding:6px 0}
.bylaw_menu_small .content a.show_bylaw_menu{font-size:16px;font-weight:bold;color:#594700}
body.nofix .bylaw_menu_small.top{top:0}
.btn_bylaw_proceed small{font-size:12px;color:#666}
.btn_bylaw_proceed .submit{display:block;width:160px;margin:auto;padding:7px 0;border-color:#ffda00 #b87629 #a54b00 #fec000;border-width:3px;border-style:solid;background:#fff900 url('/img/base/btn_join_bg2.png') repeat-x 0 2px;font-size:18px;text-align:center;color:#594700 !important;text-shadow:0 0 3px #ffc399;box-shadow:inset 0 0 4px #fcbb00;font-weight:bold;cursor:pointer}
.btn_bylaw_proceed .submit:active{border-color:#a54b00 #fec000 #ffda00 #b87629;background-position:0 10px}
#bylaw_menu{z-index:-1;opacity:0;padding:0;color:#333 !important}
#bylaw_menu .nicoch_modal_overlay{background-color:#000;opacity:.5}
#bylaw_menu .nicoch_modal_window{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;top:50%;opacity:1;margin:auto;-ms-transform:translate(-50%,-200%);-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);border:none}
#bylaw_menu .nicoch_modal_window.open{-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.lte_ie8 #bylaw_menu .nicoch_modal_window{top:-200%}
.lte_ie8 #bylaw_menu .nicoch_modal_window img{height:50%}
.lte_ie8 #bylaw_menu .nicoch_modal_window.open{top:0 !important;margin:0 0 0 -350px !important}
#bylaw_menu.open,#bylaw_menu .nicoch_modal_window{z-index:100000;opacity:1}
#bylaw_menu a{color:#333 !important;text-decoration:underline !important}
#bylaw_menu .modal_body{position:relative;padding:86px 16px 16px}
#bylaw_menu .maintenance{position:absolute;z-index:1;top:70px;left:0;bottom:0;right:0;background-color:rgba(230,250,255,0.8);padding:100px 20px 20px;font-size:20px;text-align:center}
#bylaw_menu header{position:absolute;z-index:2;top:0;left:0;right:0;background-color:#333;color:#fff;font-weight:normal}
#bylaw_menu h2{font-weight:normal}
#bylaw_menu h3.monthly_pricing{display:inline-block;vertical-align:baseline;*display:inline;*zoom:1;margin-bottom:10px;font-size:20px}
#bylaw_menu h3.monthly_pricing small{font-size:14px}
#bylaw_menu .link_rule{display:inline-block;vertical-align:baseline;*display:inline;*zoom:1;font-size:14px;color:#666}
#bylaw_menu .link_rule a{color:#666 !important;text-decoration:underline}
#bylaw_menu header .close_bylaw_menu,#bylaw_menu header .modal_close{position:absolute;z-index:0;top:0;right:0;width:48px;color:#ccc;font-size:24px;text-align:center;cursor:pointer}
#bylaw_menu header .close_bylaw_menu:hover,#bylaw_menu header .modal_close:hover{color:#fff}
#bylaw_menu header .close_bylaw_menu:active,#bylaw_menu header .modal_close:active{color:#ccc}
#bylaw_menu footer{zoom:1;margin-top:12px;text-align:center}
#bylaw_menu footer:after{content:"";display:block;clear:both}
#bylaw_menu footer:before{content:"";display:block;clear:both}
#bylaw_menu footer .close_bylaw_menu,#bylaw_menu footer .modal_close{font-size:12px;cursor:pointer;text-decoration:underline}
#bylaw_menu .method_list{zoom:1;border:1px solid #ccc}
#bylaw_menu .method_list:after{content:"";display:block;clear:both}
#bylaw_menu .method_list .method{background-color:#fff}
#bylaw_menu .method_list .method:hover{background-color:#fffdf2}
#bylaw_menu .method_list .method h4{font-size:14px;font-weight:normal;color:#666}
#bylaw_menu .method_list .method .supplement{min-height:12px;margin-bottom:4px;font-size:12px;line-height:1;color:#ccc}
#bylaw_menu .method_list .method .pay_smartphone{font-size:12px}
#bylaw_menu .method_list .method .symbol img{min-height:40px}
#bylaw_menu .method_list .method .caution{color:#c00}
#bylaw_menu .method_list .method .btn_bylaw_proceed .submit{width:160px}
#bylaw_menu header{padding:10px 40px 10px 16px}
#bylaw_menu header .channel_name{margin-bottom:8px;font-size:14px}
#bylaw_menu header h2{font-size:20px;line-height:24px}
#bylaw_menu header .close_bylaw_menu,#bylaw_menu header .modal_close{line-height:44px}
#bylaw_menu .link_rule{margin-bottom:6px}
#bylaw_menu .method{zoom:1;position:relative;padding:12px 10px;border-bottom:1px solid #ccc;min-height:64px}
#bylaw_menu .method:after{content:"";display:block;clear:both}
#bylaw_menu .method:last-child{border-bottom:none}
#bylaw_menu .method .symbol{position:absolute;width:210px;text-align:center}
#bylaw_menu .method h4,#bylaw_menu .method .supplement,#bylaw_menu .method .pay_smartphone{position:absolute;top:10px;left:220px}
#bylaw_menu .method .supplement{top:36px}
#bylaw_menu .method .pay_smartphone{top:54px;line-height:1.2}
#bylaw_menu .method form,#bylaw_menu .method .caution{float:right;width:160px;text-align:center}
#bylaw_menu .method .icn_first_month_free_dammy{display:none}
#bylaw_menu .method .icn_first_month_free{position:absolute;left:220px;top:55px}
#bylaw_menu .method.creditcard .icn_first_month_free{top:34px}
#bylaw_menu .icn_first_month_free{display:inline-block;vertical-align:baseline;*display:inline;*zoom:1;padding:4px 6px;border-radius:3px;background-color:#c2eaad;color:#060;text-decoration:none;font-size:12px;line-height:1}
#bylaw_menu .icn_first_month_free_dammy{display:block;height:20px}
#bylaw_menu .first_month_free.help{margin:12px;font-size:12px}
#bylaw_menu .mailmag_apply{margin:12px}
#bylaw_menu .mailmag_apply .head{margin-bottom:6px;font-size:14px;font-weight:bold;line-height:1}
#bylaw_menu .mailmag_apply .head input{cursor:pointer}
#bylaw_menu .mailmag_apply label{cursor:pointer}
#bylaw_menu .mailmag_apply .check_txt ol{margin:0 0 10px 20px}
#bylaw_menu .mailmag_apply .check_txt li{margin-bottom:2px;color:#666}
#bylaw_menu .mailmag_apply .mail_trouble_toggle{text-decoration:underline;cursor:pointer}
#bylaw_menu .mailmag_apply .mail_trouble{margin-top:6px;padding:10px;border:dotted 2px #ddd}
@media screen and (max-width: 530px),screen and (max-height: 630px){#bylaw_menu .nicoch_modal_window{-ms-transform:translate(-50%,-200%) scale(.8);-webkit-transform:translate(-50%,-200%) scale(.8);transform:translate(-50%,-200%) scale(.8)}
#bylaw_menu .nicoch_modal_window.open{-ms-transform:translate(-50%,-50%) scale(.8);-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}
}