/**
 * BASEBALL HEROES 2013 e-AMUSEMENTサイトで共通的に利用するスタイル
 * ヘッダで読み込んでincludeする。それ以外では読み込む必要なし。
 */

.bigfont {
  font-size:20px;font-weight: bold;font-style: normal;color:#4285F4;
}

/***************************
 * お知らせ (MDS)
 ***************************/
.site_info_container { clear: both; padding:2px;}
.site_info_container span {width:115px;height:20px; float:left; background: url(/gate/p/images/common/site_info_icon.gif) no-repeat; display:block; text-indent:-9999px;}
.site_info_container span.sicon_type1 { background-position:-2px -1px;}
.site_info_container span.sicon_type2 { background-position:-120px -1px;}
.site_info_container span.sicon_type3 { background-position:-238px -1px;}
.site_info_container span.sicon_type4 { background-position:-356px -1px;}
.site_info_container span.sicon_type5 { background-position:-474px -1px;}
.site_info_container span.sicon_type6 { background-position:-592px -1px;}
.site_info_container span.sicon_type7 { background-position:-710px -1px;}
.site_info_container span.sicon_type8 { background-position:-828px -1px;}
.site_info_container span.date_info { float:left;text-align:center; padding:2px;height:16px;width:65px;text-indent:0px;font-size:12px;background:#8b7974; color:#FFFFFF;}
.site_info_container div.message { padding:2px;text-indent:0px;font-size:12px;}

/***************************
 * タグ基本設定
 ***************************/

/* リンクカラー*/
a {
  color:#E3FA00;
  text-decoration:underline;
}
a:hover{
  color:#ECB700;
  text-decoration:underline;
}

/* img要素に勝手に余白が入る場合、このクラスを指定すること */
img.nomargin {
  font-size:1px;
  line-height:0;
  margin:0;
  float:left;
  vertical-align:text-bottom;
}

/* ページトップへ戻るためのボタン(の位置) */
#scrollUp {
 z-index:0;
 position: fixed;
 bottom: 20px;
 right: 10px;
 opacity: 0.8;
 z-index: 1;
}

/***************************
 * ページ構成基本部分
 ***************************/
body, textarea, div {
  font-family:'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

.silverBox {
  margin: 0 auto;
  position: relative;
  
  background: #f3f3f3;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.text_impact
{
  color:#FFED00;font-size:14pt;
  font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
}

/* ドット下線 */
.line {
  border-bottom:dotted 1px #eee;
  padding:5px;
  margin:3px; line-height:1.1;
  letter-spacing:-0.05em
}

/* The root node of all other nodes */
#page_root_container
{
  height: 100%; width:100%;
  background:#000;
  background-image: url("/game/bbh/pop/p/images/common/main_container_bg.jpg");
  background-repeat: repeat-x;
}
#page_center_container
{
  height: 100%; width: 1054px;
  margin: auto; /* 中央寄せ */
}
/* ページ最上部にあるBASEBALL HEROESのロゴ画像領域 */
#pagetop_header_box
{
  margin: auto; /* 中央寄せ */
}

/* The top menu area */
#topmenu_container
{
  width: 100%;
}

#page_contents_container
{
  color:#fff;
  background-color:#000;
  border: 1px ridge gray;
  margin:auto;
  padding:2px;
  text-align:left;
  width:95%;
}

/* The sub menu area */
.item_container, .item_container_sp
{
  display: inline-block;
  font-size: 14px;
  color: #FFF;
  letter-spacing: 0;
  border: none;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border-radius: 1px;
  text-decoration: none;
  padding: 10px;
  margin:10px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.89, #121212), color-stop(0.00, #808080));
  background: -webkit-linear-gradient(top, #808080 0%, #121212 89%);
  background: -moz-linear-gradient(top, #808080 0%, #121212 89%);
  background: -o-linear-gradient(top, #808080 0%, #121212 89%);
  background: -ms-linear-gradient(top, #808080 0%, #121212 89%);
  background: linear-gradient(top bottom, #808080 0%, #121212 89%);
  
  /*IE6 IE7 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#808080 , endcolorstr=#131313));
  /* IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#808080 , endcolorstr=#131313))";
  zoom: 1;
}
.item_container_sp
{
  padding: 0;
  margin: 0;
}
/* お知らせページスマホ用タイトル領域(改行可能) */
.news_pagetitle_sp
{
  font-size:16px; font-weight: bold; letter-spacing: 2;
  color: #FFF;
  padding-left:0px;
  background-color:#646664;
}
.pagetitle_sp
{
  font-size:16px; font-weight: bold; letter-spacing: 2;
  color: #FFF;
  line-height:33px;
  padding-left:0px;
  height:34px;
  background-image: url("/game/bbh/pop/p/images/common/pagetitle_background.gif");
  background-repeat: none;
}
.pagetitle_box
{
  font-size:16px; font-weight: bold; letter-spacing: 2;
  color: #FFF;
  line-height:33px;
  padding:0 0px 0 18px;
  margin-left:auto;
  border:1px solid #000;
  height:34px;
  background-image: url("/game/bbh/pop/p/images/common/pagetitle_background.gif");
  background-repeat: none;
  background-position: right top;
}
.submenu_box
{
  border-style: inset; border-color:#000; border-width: 1px 1px 1px 1px;
  background-color:#212121;
  padding:5px;
}
.submenu_box_nopadding
{
  border-style: inset; border-color:#000; border-width: 1px 1px 1px 1px;
  background-color:#212121;
  padding:4px;
}
#submenu_datalink_box
{
}

#submenu_updateinfo_box
{
  border-style: inset; border-color:#000; border-width: 1px 1px 1px 1px;
  overflow: scroll;
}
#maincontent_box
{
  padding:10px;
  border:1px inset #000;background-color:#212121;color:#fff;
}
.maincontent_table {
  width:100%;
  text-align:left;
}

#public_relations_container
{
  clear;
  padding:10px;
  border:1px inset #000;background-color:#212121;color:#fff;
}
.border_black
{
  border-color:#000; border:solid 1px; 
}

}
#bbh_profile_container
{
  text-align:center; line-height: 40px; /* 水平&垂直方向に中央揃え */
  float: left; width: 50%;
}
#eamuse_profile_container
{
  text-align:center; line-height: 40px; /* 水平&垂直方向に中央揃え */
  float: left; width: 50%;
}
#eamuse_profile_container_smartphone
{
  text-align:center; line-height: 40px; /* 水平&垂直方向に中央揃え */
  float: left; width: 50%;
}
#bbh_proftitle_box
{
  border-style: solid; border-color:#000; border-width: 1px 0px 1px 1px;
  margin: 12px 0px 12px 12px;
  float: left; width: 200px; height: 40px;
  background-color: #212121;
  line-height: 40px; /* 水平&垂直方向に中央揃え */
}
#bbh_profteam_box
{
  border-style: solid; border-color:#000; border-width: 1px 0px 1px 0px;
  text-align:center;
  margin: 12px 0px 12px 0px;
  float: left; width: 50px; height: 40px;
  background-color: #212121;
}
#bbh_profname_box
{
  border-style: solid; border-color:#000; border-width: 1px 1px 1px 0px;
  vertical-align:middle;
  margin: 12px 0px 12px 0px;
  float: left; width: 200px; height: 40px;
  background-color: #212121;
  line-height: 40px; /* 水平&垂直方向に中央揃え */
}
#eamuse_profname_box
{
  border-style: solid; border-color:#000; border-width: 1px 1px 1px 0px;
  vertical-align:middle;
  margin: 12px 0px 12px 0px;
  float: left; width: 200px; height: 40px;
  background-color: #212121;
  line-height: 40px; /* 水平&垂直方向に中央揃え */
}
#eamuse_proftitle_box
{
  border-style: solid; border-color:#000; border-width: 1px 0px 1px 1px;
  float: left; width: 200px; height: 40px; margin: 12px 0px 12px 14px;
  background: url("/game/bbh/pop/p/images/common/gate_menu_g.png") no-repeat scroll 0% 0% #333;
}
#eamuse_profpict_box
{
  text-align:center;
  border-style: solid; border-color:#000; border-width: 1px 0px 1px 0px;
  float:left; width: 44px; height: 40px; margin: 12px 0px 12px 0px;
  background: none repeat scroll 0% 0% rgb(187, 187, 187) #212121;
  color: rgb(0, 0, 0);
}

a.eamuse_link {
  color:#FFF;
}
a.eamuse_link:hover{
color:#E48E00;
text-decoration:underline;
}

.clear
{
  clear:both;
}

/***************************
 * バナー&アイコン
 ***************************/
img.banner, img.banner:hover {
  border:2px solid #212121;
}
img.banner:hover{
  border:2px solid #FFA700;
}

img.conditionIcon {
  width:25px;
  height:25px;
  vertical-align: middle;
}

/***************************
 * ボタン
 ***************************/
 .btn_sub_menu {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#2475ab), to(#65a9d7));
   background: -webkit-linear-gradient(top, #2475ab, #65a9d7);
   background: -moz-linear-gradient(top, #2475ab, #65a9d7);
   background: -ms-linear-gradient(top, #2475ab, #65a9d7);
   background: -o-linear-gradient(top, #2475ab, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.btn_sub_menu:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.btn_sub_menu:active {
   border-top-color: #338ac4;
   background: #338ac4;
   }

/**
 * 赤色グラデーションボタン
 * <a href="#" class="btn_red_gradient ">ボタン</a> のようにして使う。
 */
.btn_red_gradient {
  font-size:16px;
  font-weight:bold;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #d83526;
  padding:4px 9px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
  background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
  background-color:#fe1a00;
  color:#ffffff;
  display:inline-block;
  -webkit-box-shadow:inset 13px 36px 14px -21px #f29c93;
  -moz-box-shadow:inset 13px 36px 14px -21px #f29c93;
  box-shadow:inset 13px 36px 14px -21px #f29c93;
}.btn_red_gradient:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
  background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
  background-color:#ce0100;
  text-decoration:underline;
}.btn_red_gradient:active {
  position:relative;
  top:1px;
}
/* This css button was generated by css-button-generator.com */


/**
 * 緑色グラデーションボタン
 * <a href="#" class="css_btn_class">css button</a>
 */
.btn_green_gradient {
  font-size:16px;
  font-weight:normal;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #74b807;
  padding:4px 9px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(37%, #89c403), color-stop(68%, #77a809) );
  background:-moz-linear-gradient( center top, #89c403 37%, #77a809 68% );
  background:-ms-linear-gradient( top, #89c403 37%, #77a809 68% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
  background-color:#89c403;
  color:#ffffff;
  display:inline-block;
  -webkit-box-shadow: 1px 1px 0px 0px #a4e271;
  -moz-box-shadow: 1px 1px 0px 0px #a4e271;
  border:2px solid #212121;
}.btn_green_gradient:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(37%, #77a809), color-stop(68%, #89c403) );
  background:-moz-linear-gradient( center top, #77a809 37%, #89c403 68% );
  background:-ms-linear-gradient( top, #77a809 37%, #89c403 68% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
  background-color:#77a809;
  text-decoration:underline;

  border:2px solid #FFA700;
}.btn_green_gradient:active {
  position:relative;
  top:1px;
}
/* This css button was generated by css-button-generator.com */

/**
 * 青色グラデーションボタン
 * <a href="#" class="css_btn_class">css button</a>
 */
.btn_cyan_gradient {
  font-size:16px;
  font-weight:normal;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #469df5;
  padding:4px 9px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(37%, #79bbff), color-stop(68%, #4197ee) );
  background:-moz-linear-gradient( center top, #79bbff 37%, #4197ee 68% );
  background:-ms-linear-gradient( top, #79bbff 37%, #4197ee 68% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
  background-color:#79bbff;
  color:#ffffff;
  display:inline-block;
  -webkit-box-shadow: 1px 1px 0px 0px #cae3fc;
  -moz-box-shadow: 1px 1px 0px 0px #cae3fc;
  border:2px solid #212121;
}.btn_cyan_gradient:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(37%, #4197ee), color-stop(68%, #79bbff) );
  background:-moz-linear-gradient( center top, #4197ee 37%, #79bbff 68% );
  background:-ms-linear-gradient( top, #4197ee 37%, #79bbff 68% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
  background-color:#4197ee;
  text-decoration:underline;
  border:2px solid #FFA700;
}.btn_cyan_gradient:active {
  position:relative;
  top:1px;
}
/* This css button was generated by css-button-generator.com */

/* 未読アイコン */
.red_circle {
  -moz-box-shadow:inset -5px 4px 1px -3px #e67a73;
  -webkit-box-shadow:inset -5px 4px 1px -3px #e67a73;
  box-shadow:inset -5px 4px 1px -3px #e67a73;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #eb675e));
  background:-moz-linear-gradient(top, #e4685d 5%, #eb675e 100%);
  background:-webkit-linear-gradient(top, #e4685d 5%, #eb675e 100%);
  background:-o-linear-gradient(top, #e4685d 5%, #eb675e 100%);
  background:-ms-linear-gradient(top, #e4685d 5%, #eb675e 100%);
  background:linear-gradient(to bottom, #e4685d 5%, #eb675e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#eb675e',GradientType=0);
  background-color:#e4685d;
  -moz-border-radius:42px;
  -webkit-border-radius:42px;
  border: 1px solid #fff;
  background-color: #ff0000;
  font-size:10pt;
  font-weight:normal;
  padding:1px 1px 1px 1px;
  border-radius: 50%;
  text-align:center;
  text-shadow: 1px 1px 3px #000;
}

/* テーブル内の境界くぼみ */
.bump {
  background: url(css_image/bump.gif) repeat-x;
}
.message_read {
  font-weight: normal;
}
.message_unread {
  color:#FEF102;
}
/* フレンド名強調 */
.emphasize {
  color:#FFFF3F;
  font-size:medium;
}
.small_font {
  color:#fff;
  font-size:x-small;
}
/* ボタン共通 */
.btn_request_friend, .btn_cancel_request, .btn_break_friend,
.btn_acknowledge_friend,
.btn_deny_friend, .btn_view_playdata, .btn_save_privacy, .btn_detach_playdata,
.btn_create_message
{
  cursor:pointer;
  color:#ffffff;
  background-color:#ffffff;
  font-family:arial;
  font-size:0px;
  padding:7px 18px;
  width:144px;
  height:37px;
  text-decoration:none;
  text-align:center;
  display:inline-block;
  border:1px solid #0b0e07;
  margin:1px;
}
.btn_request_friend:active, .btn_cancel_request:active, .btn_break_friend:active,
.btn_acknowledge_friend:active, 
.btn_deny_friend:active, .btn_view_playdata:active, .btn_save_privacy:active, .btn_detach_playdata:active,
.btn_create_message:active
{
  position:relative;
  top:1px;
}

.btn_request_friend:hover, .btn_cancel_request:hover, .btn_break_friend:hover,
.btn_acknowledge_friend:hover, 
.btn_deny_friend:hover, .btn_view_playdata:hover, .btn_save_privacy:hover, .btn_detach_playdata:hover,
.btn_create_message:hover
{
  cursor:pointer;
  filter: alpha(opacity=60);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.6;              /* Safari 1.x */
  opacity:0.6;
  zoom:1;
}

/* メッセージ作成*/
.btn_create_message{background-color:#637aad;}
.btn_create_message:hover {background-color:#5972a7;}

/* プレーデータ閲覧 */
.btn_view_playdata {
  background-color:#1EB2E9;
  background-image: url(/game/bbh/pop/p/images/friend/view.jpg);  
}
.btn_view_playdata:hover {
  background-color:#0688fa;
}

/* フレンド申請 */
.btn_request_friend {
  background-color:#53bd1e;
  background-image: url(/game/bbh/pop/p/images/friend/request.jpg);  
}
.btn_request_friend:hover {
  background-color:#72b352;
}

/* フレンド解除 */
.btn_break_friend
{
  width:111px;
  height:29px;
  background-image: url(/game/bbh/pop/p/images/friend/break.jpg);  
  background-color:#c62d1f;
}
.btn_break_friend:hover
{
  background-color:#f24437;
}
/* フレンド申請否認 */
.btn_deny_friend
{
  background-image: url(/game/bbh/pop/p/images/friend/deny.jpg);  
  background-color:#c62d1f;
}
.btn_deny_friend:hover
{
  background-color:#f24437;
}

/* フレンド申請取消 */
.btn_cancel_request
{
  background-image: url(/game/bbh/pop/p/images/friend/cancel.jpg);  
  background-color:#c123de;
}
.btn_cancel_request:hover
{
  background-color:#a20dbd;
}

/* フレンド申請承認 */
.btn_acknowledge_friend {
  background-image: url(/game/bbh/pop/p/images/friend/acknowledge.jpg);  
  background-color:#2dabf9;
}
.btn_acknowledge_friend:hover {
  background-color:#0688fa;
}

/* 保存ボタン */
.btn_save_privacy {
  background-image: url(/game/bbh/pop/p/images/friend/save.jpg);  
  background-color:#33bdef;
}
.btn_save_privacy:hover {
  background-color:#019ad2;
}

/* データ閲覧終了 */
.btn_detach_playdata {
  background-image: url(/game/bbh/pop/p/images/friend/personal.jpg);  
  background-color:#768d87;
}

.btn_detach_playdata:hover {
  background-color:#6c7c7c;
}
/* 削除ボタン */

/* 開くボタン */
.btn_open_message, .btn_delete_message {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;

  font-size:10px;
  padding:2px 3px;
  width:32px;
  text-decoration:none;
  text-align:center;
  text-shadow:0px 1px 0px #ffffff;
}
.btn_open_message:hover, .btn_delete_message:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  background-color:#f6f6f6;
}
.btn_open_message:active, .btn_delete_message:active {
  position:relative;
  top:1px;
}


/***************************
 * エラー表示用
 ***************************/
.error_box {
  color:#fff;
  background-color: #050505;

  border: solid 1px #ff260f;


  padding:12px;
  -moz-box-shadow: 0px 0px 13px #000000;
  -webkit-box-shadow: 0px 0px 13px #000000;
  box-shadow: 0px 0px 13px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  opacity: 0.88;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 88);
  /*-ms-filter must come before filter*/
  filter: alpha(opacity = 88);
}

.info_box {
  color:#214AC3;
  background-color: #FFFFFF;

  border: solid 1px #14A83B;
  outline: solid 1px #FFFFFF;

  padding:12px;
  -moz-box-shadow: 0px 0px 1px #000000;
  -webkit-box-shadow: 0px 0px 1px #000000;
  box-shadow: 0px 0px 1px #000000;
  /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
  opacity: 0.97;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 97);
  /*-ms-filter must come before filter*/
  filter: alpha(opacity = 97);
}


/***************************
 * アンケートフォーム (その他イベント企画用フォーム)
 ***************************/
/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === Form Typography === */
.form_hint, .required_notification {}

/* === List Styles === */
.contact_form ul {
  list-style-type:none;
  list-style-position:outside;
  margin:0px;
  padding:0px;
}
.contact_form li{
  padding:12px; 
  border-bottom:1px solid #33404D;
  position:relative;
} 
.contact_form li:first-child, .contact_form li:last-child {
  border-bottom:0px solid #777;
}

/* === Form Header === */
.contact_form h2 {
  margin:0;
  display: inline;
}
.required_notification {
  color:#FF0000; 
  margin:5px; 
  display:inline;
}

/* === Form Elements === */
.contact_form label {
  width:300px;
  margin-top: 3px;
  display:inline-block;
  float:left;
  padding:3px;
}
.contact_form input {
  height:20px; 
  padding:5px 8px;
  margin:5px;
  vertical-align:middle;
}
.contact_form textarea{padding:8px; width:300px;}
.contact_form button  {}

/* form element visual styles */
.contact_form input, .contact_form textarea { 
  border:1px solid #aaa;
  border-radius:2px;
  padding-right:30px;
  -moz-transition: padding .25s; 
  -webkit-transition: padding .25s; 
  -o-transition: padding .25s;
  transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
  background: #fff; 
  border:1px solid #555; 
  box-shadow: 0 0 3px #aaa;
}

/* === HTML5 validation styles === */ 
.contact_form input:required, .contact_form textarea:required {
  background: #fff url(css_image/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
  background: #fff url(css_image/valid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #5cd053;
  border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
  background: #fff url(css_image/invalid.png) no-repeat 98% center;
  box-shadow: 0 0 5px #d45252;
  border-color: #b03535
}

/* === Form hints === */
.form_hint {
  background: #d45252;
  border-radius: 3px 3px 3px 3px;
  color: white;
  margin-left:0px;
  padding: 1px 6px;
  z-index: 999; /* hints stay above all other elements */
  position: absolute; /* allows proper formatting if hint is two lines */
  display: none;
}
.form_hint::before {
  content: "\25C0";
  color:#d45252;
  position: absolute;
  top:1px;
  left:-6px;
}
.contact_form input:focus + .form_hint {display: inline; }
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
  
/* === Button Style === */
/* This css button was generated by css-button-generator.com */
button.submit {
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #74b807;
  padding:9px 18px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #77a805), color-stop(0%, #5a8000) );
  background:-moz-linear-gradient( center top, #77a805 105%, #5a8000 0% );
  background:-ms-linear-gradient( top, #77a805 105%, #5a8000 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a805', endColorstr='#5a8000');
  background-color:#77a805;
  color:#ffffff;
  display:inline-block;
  text-shadow:1px 1px 0px #528009;
  -webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
  -moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
  box-shadow:inset 1px 1px 0px 0px #a4e271;
}
button.submit:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #5a8000), color-stop(0%, #77a805) );
  background:-moz-linear-gradient( center top, #5a8000 105%, #77a805 0% );
  background:-ms-linear-gradient( top, #5a8000 105%, #77a805 0% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8000', endColorstr='#77a805');
  background-color:#5a8000;
  cursor: pointer; 
}
button.submit:active {
  position:relative;
  top:1px;
}

/* This css button was generated by css-button-generator.com */
button.submit_redo {
  font-size:16px;
  font-family:Arial;
  font-weight:normal;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  border:1px solid #d83526;
  padding:9px 18px;
  text-decoration:none;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #d93d32), color-stop(8%, #ab1f13) );
  background:-moz-linear-gradient( center top, #d93d32 105%, #ab1f13 8% );
  background:-ms-linear-gradient( top, #d93d32 105%, #ab1f13 8% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93d32', endColorstr='#ab1f13');
  background-color:#d93d32;
  color:#ffffff;
  display:inline-block;
  text-shadow:1px 1px 0px #98231a;
  -webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
  -moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
  box-shadow:inset 1px 1px 0px 0px #fab3ad;
}
button.submit_redo:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #ab1f13), color-stop(8%, #d93d32) );
  background:-moz-linear-gradient( center top, #ab1f13 105%, #d93d32 8% );
  background:-ms-linear-gradient( top, #ab1f13 105%, #d93d32 8% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab1f13', endColorstr='#d93d32');
  background-color:#ab1f13;
  cursor: pointer; 
}
button.submit_redo:active {
  position:relative;
  top:1px;
}

/***************************
 * トップのメニュー
 ***************************/
 #menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #menu {
    width: 980px; /* メニュー全体の長さ */
    margin: 14px auto; /* メニュー全体の周りの余白 */
    border: 1px solid #222;
    background-color: #111;
    background-image: -moz-linear-gradient(#808080, #131313); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#131313));  
    background-image: -webkit-linear-gradient(#808080, #131313);  
    background-image: -o-linear-gradient(#808080, #131313);
    background-image: -ms-linear-gradient(#808080, #131313);
    background-image: linear-gradient(#808080, #131313);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    
    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#808080, endcolorstr=#131313));
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#808080, endcolorstr=#131313))";
  }
  
  #menu:before,
  #menu:after {
    content: "";
    display: table;
  }
  
  #menu:after {
    clear: both;
  }
  
  #menu {
    zoom:1;
  }
  
  #menu li {
    float: left;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
  }
  
  #menu a {
    float: left;
    padding: 13px 13px; /* 親階層のメニューの余白(メニューの幅が画面に収まりきらないときはここを調整) */
    color: #FFF;
    text-transform: uppercase;
    font: 12px Arial, Helvetica;
    text-decoration: none;
  }
  
  #menu li:hover > a {
    color: #FFCC00;
    text-decoration:underline;
  }
  
  *html #menu li a:hover { /* IE6 only */
    color: #fafafa;
    text-decoration:underline;
  }
  
  #menu ul {
    margin: 2px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;    
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);    
    background: -o-linear-gradient(#444, #111); 
    background: -ms-linear-gradient(#444, #111);  
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; 
  }

  #menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
  }

  #menu li.last-menu-item {
    float: right;
  }

  #menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 0px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);    
  }
  
  #menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
  }
  
  #menu ul li:last-child {   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
  }
  
  #menu ul a {    
    padding: 10px;
    width: 150px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
  }
  
  #menu ul a:hover {
    background-color: #0186ba;
    background-image: -moz-linear-gradient(#04acec,  #0186ba);  
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
  }
  
  #menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
  
  #menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
  }
  
  #menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
  }
  
  #menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
  }
  
  #menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3; 
    border-bottom-color: transparent;   
  }
  
  #menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
  
  /* Mobile */
  #menu-trigger {
    display: none;
  }

  @media screen and (max-width: 600px) {

    /* nav-wrap */
    #menu-wrap {
      position: relative;
    }

    #menu-wrap * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    /* menu icon */
    #menu-trigger {
      display: block; /* show menu icon */
      height: 40px;
      line-height: 40px;
      cursor: pointer;    
      padding: 0 0 0 35px;
      color: #fafafa;
      background-color: #111;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111); 
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111); 
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
      -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
      box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    }
    
    /* main nav */
    #menu {
      margin: 0; padding: 10px;
      position: absolute;
      top: 40px;
      width: 100%;
      z-index: 1;
      background-color: #444;
      display: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;   
    }

    #menu:after {
      content: '';
      position: absolute;
      left: 25px;
      top: -8px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #444;
    } 

    #menu ul {
      position: static;
      visibility: visible;
      opacity: 1;
      margin: 0;
      background: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;       
    }

    #menu ul ul {
      margin: 0 0 0 20px !important;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;   
    }

    #menu li {
      position: static;
      display: block;
      float: none;
      border: 0;
      margin: 5px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;     
    }

    #menu ul li{
      margin-left: 20px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;   
    }

    #menu a{
      display: block;
      float: none;
      padding: 0;
      color: #999;
    }

    #menu a:hover{
      color: #fafafa;
    } 

    #menu ul a{
      padding: 0;
      width: auto;    
    }

    #menu ul a:hover{
      background: none; 
    }

    #menu ul li:first-child a:after,
    #menu ul ul li:first-child a:after {
      border: 0;
    }   

  }

  @media screen and (min-width: 600px) {
    #menu {
      display: block !important;
    }
  } 

  /* iPad */
  .no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;      
  }

  #menu li:hover > .no-transition {
    display: block;
  }