#pre_index,#begin_index,#faq_index{ margin-bottom:50px;}
#pre_index h3,#begin_index h3,#faq_index h3{padding: 5px 5px 5px 15px; font-weight: bold; color: #fff; line-height:180%;-moz-border-radius: 5px;
-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px; height:auto !important; margin-top:50px;}
#pre_index .sub_title,#begin_index .sub_title,#faq_index .sub_title{ padding:15px 0 0 15px; font-weight:bold;}
#pre_index ul,#begin_index ul,#faq_index ul{ clear:both; padding-left:15px;}
#pre_index li{ float:left; min-width:100px;}
#begin_index li{ float:left; min-width:130px;}
#faq_index li{ float:left; min-width:130px;}
#pre_index .left,#pre_index .right,#begin_index .left,#begin_index .right,#faq_index .left,#faq_index .right{ width:48%;}

#pre_index h3{background: #22c9fc;}
#pre_index ul a{ color:#009fda;padding: 4px 15px 4px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
#pre_index ul a:hover {color: #000; background:#daf7fe url(images/arrow_on.png) no-repeat 5px 8px;}
#pre_index li.nolink{ color:#999999; font-size: 0.9em; padding: 0px 15px 8px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px;}

#begin_index h3{background: #ff9fc0;}
#begin_index ul a{ color:#ff75a4;padding: 4px 15px 4px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
#begin_index ul a:hover {color: #000; background:#fff1f6 url(images/arrow_on.png) no-repeat 5px 8px;}
#begin_index li.nolink{ color:#999999; font-size: 0.9em; padding: 0px 15px 8px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px;}

#faq_index h3{background: #fec224;}
#faq_index ul a{ color:#ff7200;padding: 4px 15px 4px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
#faq_index ul a:hover {color: #000; background:#fee7c1 url(images/arrow_on.png) no-repeat 5px 8px;}
#faq_index li.nolink{ color:#999999; font-size: 0.9em; padding: 0px 15px 8px 20px; background: url(images/arrow_off.png) no-repeat 5px 8px;}



ul.mega-menu li.navi2 .sub li.mega-hdr a.mega-hdr-a {background: #22c9fc;}
ul.mega-menu .navi2 .sub li.mega-hdr li a { color:#009fda;}
ul.mega-menu li.navi2 .sub li.mega-hdr li a:hover {color: #000; background:#daf7fe url(images/arrow_on.png) no-repeat 5px 8px;}

ul.mega-menu li.navi3 .sub li.mega-hdr a.mega-hdr-a {background: #f74f9a;}
ul.mega-menu .navi3 .sub li.mega-hdr li a { color:#f74f9a;}
ul.mega-menu li.navi3 .sub li.mega-hdr li a:hover {color: #000; background:#ffe5ef url(images/arrow_on.png) no-repeat 5px 8px;}

ul.mega-menu li.navi4 .sub li.mega-hdr a.mega-hdr-a {background: #fda128;}
ul.mega-menu .navi4 .sub li.mega-hdr li a { color:#ff7200;}
ul.mega-menu li.navi4 .sub li.mega-hdr li a:hover {color: #000; background:#fda128 url(images/arrow_on.png) no-repeat 5px 8px;}

ul.mega-menu li.navi5 .sub li.mega-hdr a.mega-hdr-a {background: #989898;}
ul.mega-menu .navi5 .sub li.mega-hdr li a { color:#989898;}
ul.mega-menu li.navi5 .sub li.mega-hdr li a:hover {color: #000; background:#989898 url(images/arrow_on.png) no-repeat 5px 8px;}


@media screen and (max-width:750px){
#pre_index li,#begin_index li,faq_index li{ min-width:50%;}
#pre_index .left,#pre_index .right,#begin_index .left,#begin_index .right,,#faq_index .left,#faq_index .right{ width:100%; float:none;}
}