@charset "utf-8";
/********************************************
基本
********************************************/
/*ボディ*/
body{font-size:12px; color:#333; background:#192136; line-height: 1.6; word-break: normal; position:relative; min-width: 1300px; overflow-y:scroll; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
/*フリー版*/body.free{background:#EBEFF7;}
body.free>.videoWrapper{ display:none;}
/*IE10以上は游ゴシックを除外する*/
@media all and (-ms-high-contrast: none) {
body{font-family:"メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}
/*Edgeでデフォルトに戻す*/
@supports (-ms-accelerator:true) {
body{ font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
}

/*段落*/
p{ margin:0 0 1em;}
/*強調*/
/*b{ font-weight:bold;}*/b.mustly,b.markup{ color:#FF0000;}

/********************************************
リンク
********************************************/
a{ color:#4285F4; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

/********************************************
ラッパー　コンテナー
********************************************/
/*ページ外枠*/
.wrapper{  width:1300px ; margin:0 auto 0; padding:20px 0 20px;}
/*コンテンツ部分外枠*/
.container{background:#fff; margin:20px 0 0px; overflow:hidden; /*border-radius:5px;*/ /*box-shadow:0 0 5px rgba(0,0,0,0.3);*/}

/********************************************
左部ナビゲーション
jquery-uiの基本スタイルを上書き修正し縦並びに
********************************************/
/*上部ナビゲーションを左部へ*/
#ui-tab.side{ margin:0; padding:0 0 30px; border:none; border-radius:0;
min-height:100%; overflow:hidden; /*←高さを揃える基準を作成*/}

/*左部ナビゲーション*/
#ui-tab.side .ui-widget-header{ border-radius:0; border:none; padding:0; margin:0; background:#f9f9f9; /*overflow:hidden;*/ width:200px; float:left; color:#999; position:relative; font-size:12px;
padding-bottom:999999px; margin-bottom:-999999px; /*←高さを揃える*/}
/*フリー版*/body.free #ui-tab.side .ui-widget-header{background:#F5F7FB;}

/*左部ナビゲーション直下（右側）のコンテンツ部分*/
#ui-tab.side>.ui-tabs-panel{ width:1060px; float:right; padding:20px; margin:0; position:relative; box-shadow:0 0 4px rgba(0,0,0,0.06); padding-bottom:999999px; margin-bottom:-999999px; /*←高さを揃える*/}

/*左部ナビゲーション　リスト*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li{border:none; margin:0 0px; padding:0; background:none; float:none; clear:left; display:block; width:auto; border-radius:0; overflow:hidden;}
#ui-tab.side .ui-tabs-nav.ui-widget-header li:hover{ background-color:rgba(255,255,255,0.5);}
#ui-tab.side .ui-tabs-nav.ui-widget-header li:last-child{ border:none;}

/*左部ナビゲーション　リスト>ボタン*/
#ui-tab.side .ui-state-default a{ width:auto; float:none; font-weight:normal; padding:15px 10px 15px 40px; margin:0; color:#999; display:block; line-height:1.4; background:url(../images/icon_blank_s.png) no-repeat 10px center; background-size:24px 24px;}
#ui-tab.side .ui-state-default a:hover{color:#000;}

/*左部ナビゲーション　リスト>ボタン　カレント*/
#ui-tab.side.ui-tabs .ui-tabs-nav li.ui-tabs-active{ background:#fff; margin:0 0 0 0; padding:0 0 0; width:auto; z-index:1;}
#ui-tab.side .ui-state-active a,#ui-tab.side .ui-state-active a:link,#ui-tab.side .ui-state-active a:visited{ color:#000; font-weight:bold;}

/*リスト　ロゴ*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.logo{ padding:0; margin:0; text-align:center; background:url(../images/logo_b.png) no-repeat center center; background-size:170px 47px; width:auto; height:92px;}
#ui-tab.side .ui-tabs-nav.ui-widget-header li.logo:before{background:url(../images/fire5.gif) no-repeat center bottom; width:80px; height:120px; display:block; content:""; position:absolute; bottom:-10px; left:-12px; z-index:1; opacity:0.75;}
/*フリー版*/
body.free #ui-tab.side .ui-tabs-nav.ui-widget-header li.logo{background-image:url(../images/logo_free.png);}
body.free #ui-tab.side .ui-tabs-nav.ui-widget-header li.logo:before{ display:none;}

/*リスト　トップ画面*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.usertop a{background-image:url(../images/icon_home_s.png);}
/*リスト　Yahooサジェスト*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.yahoosuggest a{background-image:url(../images/icon_yahoo_s.png);}
/*リスト　Yahoo虫眼鏡*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.yahoomushimegane a{background-image:url(../images/icon_yahoo_s.png);}
/*リスト　Googleサジェスト*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.googlesuggest a{background-image:url(../images/icon_google_s.png);}
/*リスト　Google関連ワード*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.googleword a{background-image:url(../images/icon_google_s.png);}
/*リスト　検索結果*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.googlesearch a{background-image:url(../images/icon_search_s.png);}
/*リスト　2ch監視*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.nichannel a{background-image:url(../images/icon_2ch_s.png);}
/*リスト　Twitter監視*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.twitter a{background-image:url(../images/icon_twitter_s.png);}
/*リスト　Yahooスマホ*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.yahoosmart a{background-image:url(../images/icon_yahoo_s.png);}
/*リスト　Yahooスマホ虫眼鏡*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.yahoosmartmushimegane a{background-image:url(../images/icon_yahoo_s.png);}
/*リスト　Yahoo知恵袋*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.yahoochiebukuro a{background-image:url(../images/icon_yahoo_s.png);}
/*リスト　爆サイ*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.bakusai a{background-image:url(../images/icon_bakusai_s.png);}
/*リスト　Googleモバイルサジェスト*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.googlemobilesuggest a{background-image:url(../images/icon_google_s.png);}
/*リスト　Googleモバイル関連ワード*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.googlemobileword a{background-image:url(../images/icon_google_s.png);}
/* サイドメニュー MEO/口コミ */
#ui-tab.side .ui-tabs-nav.ui-widget-header li.meo a {background-image: url(../images/icon_meo_s.png);}
/*リスト　契約内容  20180721*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.contract a{background-image:url(../images/icon_contract_s.png);}
/*リスト　プロフィール編集*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.profile a{background-image:url(../images/icon_user_s.png);}
/*リスト　管理画面に戻る（リターン）*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.return a{background-image:url(../images/icon_return_s.png);}
/*リスト　ログアウト*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.logout a{background-image:url(../images/icon_logout_s.png); color:#fa3a4f;}
/*リスト　押せないボタン*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li a.menudisable{ width:auto; float:none; font-weight:normal; padding:15px 10px 15px 40px; margin:0; color:#999; display:block; line-height:1.4; background:url(../images/icon_ban_s.png) no-repeat 10px center; color:#ccc; background-size:24px 24px;}
#ui-tab.side .ui-tabs-nav.ui-widget-header li a.menudisable:hover{ text-decoration:none; cursor:not-allowed;}
/*リスト　SSL*/
#ui-tab.side .ui-tabs-nav.ui-widget-header li.secure{ padding:0 0 20px ; margin:0; text-align:center; border-bottom:none;background:url(../images/ssl_small.png) no-repeat center bottom; width:auto; height:60px;}

/********************************************
アイコン（jquery-ui icon）
********************************************/
.ui-icon{ display:inline-block; vertical-align:middle;}

/********************************************
ボタン
********************************************/
a.button,input.button,label.button{background-color: #f9f9f9; border:1px solid #ddd; color: #333; border-radius: 3px; cursor: pointer; display: inline-block; padding: 4px 1em; text-align: center; vertical-align: middle; transition:all 0.2s ease-out; font-weight:bold;
/*box-shadow:0 0 3px rgba(0, 0, 0, 0.2);*/}
.button:hover{ text-decoration:none; opacity:0.8;}

/*ボタン　色分け*/
.button.primary{background-color:#4285F4; border-color:#3973D3; color:#fff;}
.button.success{background-color:#37C9DD; border-color:#30AEC0; color:#fff;}
.button.warning{background-color:#EFBF50; border-color:#CFA645; color:#fff;}
/*.button.danger{background-color:#FA3A4F; border-color:#D93244; color:#fff;}*/
.button.danger{background-color:#fff; border-color:#FC9CA7; color:#FA3A4F;}
.button.info{background-color:#7896C7; border-color:#6882AC; color:#fff;}
.button.reverse{background-color:#ffffff; border-color:#4285F4; color:#4285F4;}

/*20170131 */
.button noconsult{background-color:#BB113C; border-color:#700A24; color:#fff;}
/********************************************
その他
********************************************/
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}

/********************************************
区切り線
********************************************/
hr{ background:#e5e5e5; height:1px; padding:0; margin:30px 0 30px;}

/********************************************
スタイリングテーブル
********************************************/
/*スタイリングテーブル*/
table.style{ margin:1em auto 1em; width:100%; border:1px solid #ddd; line-height:1.4;}
table.style th{ border:1px solid #e0e0e0; padding:7px; vertical-align:middle; background:#f9f9f9; font-weight:bold;}
table.style td{ border:1px solid #e5e5e5; padding:7px; vertical-align:middle;}

/********************************************
見出し
********************************************/
/*汎用見出し*/
div.title{ font-weight:bold; margin:0 0 0.5em;}

/*見出しレベルh1～h6*/
h1{ line-height:1.4; font-size:22px; font-weight:bold; margin:0 0 0.5em;}
h2{ line-height:1.4; font-size:19px; font-weight:bold; margin:0 0 0.5em;}
h3{ line-height:1.4; font-size:16px; font-weight:bold; margin:0 0 0.5em;}
h4{ line-height:1.4; font-size:14px; font-weight:bold; margin:0 0 0.5em;}
h5{ line-height:1.4; font-size:13px; font-weight:bold; margin:0 0 0.5em;}
h6{ line-height:1.4; font-size:12px; font-weight:bold; margin:0 0 0.5em;}

/*主な要素直後の見出しは上部に適度なマージンを設ける*/
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,
br+h1,br+h2,br+h3,br+h4,br+h5,br+h6,
div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,
table+h1,table+h2,table+h3,table+h4,table+h5,table+h6,
ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,
ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6
{ margin-top:2em;}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid #e5e5e5; margin:0 0 1em; overflow:hidden;}
ul.nav li{ border-bottom:1px solid #e5e5e5; line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative;}

/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
ul.disc{ padding:0 0 0 2em; margin:1em 0;}
ul.disc li{ list-style:disc outside; padding:0; line-height:1.2; margin:1em 0;}