@charset "utf-8";
/*
-----------------------------------------

 【CSS（スタイルシート）の編集目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
  (4) その他、拡張

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）

-----------------------------------------
*/

.skinFrame{
padding-top: 0;
}




/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


　(1) 文字のスタイル
　※色を設定すると、ブログの各部分に自動的に配色されます


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/* (1-1) 全体の文字（一括指定する場合）
--------------------------------------------*/


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#555555;
font-family: "メイリオ","Meiryo", "Osaka", "MS Pゴシック", "MSゴシック",Helvetica, verdana, arial;
}


/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#555555;
}


/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#6599FF;
}


/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#6599FF;
}


/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#555555;
}


/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#ff3399;
}





/* (1-2) ヘッダー・タイトル文字
--------------------------------------------*/


/* ★ブログヘッダー・タイトル文字のスタイルをここで指定します。 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color: #27a6aa;
font-weight:normal;
font-size:1.2em;
}

/* ★ブログヘッダー文字（ホバー時）のスタイルを指定します。 */
a.skinTitle:hover{text-decoration:none;}

/* ★ブログヘッダー文字の余白をここで指定します。*/
.skinBlogHeadingGroupArea{
padding:0px 0 0 1px;
}


/* skinDescription ブログの説明文字（非表示） */
.skinDescription{
color:#555555;
display:none;
}





/* (1-3) 記事／メッセージボード内（メインカラム）の文字のスタイル
--------------------------------------------*/

/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* 通常文字 */
.skinMainArea,.skinMainArea .skinTextColor,.skinArticleTextColor,.skinArticleBlock{
color:#555555;
font-size:14px;
line-height:1.8;
}

/* リンク */
.skinMainArea .skinAnchorColor,.skinArticleAnchorColor,.skinMainArea a,.skinArticleBlock a{}

/* 訪問済のリンク */
.skinMainArea .skinAnchorVisitedColor,.skinArticleAnchorVisitedColor,.skinMainArea a:visited,.skinArticleBlock a:visited{color:;}

/* マウスオーバーしたときのリンク */
.skinMainArea .skinAnchorHoverColor,.skinArticleAnchorHoverColor,.skinMainArea a:focus,.skinMainArea a:hover,.skinArticleBlock a:focus,.skinArticleBlock a:hover{color:;}

/* 弱い文字 */
.skinMainArea .skinWeakColor,.skinArticleWeakColor{color:;}
/* 強い文字 */
.skinMainArea .skinStrongColor,.skinArticleStrongColor{color:;}

#footer_ad{font-size:0.8em;}



/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.1em;
font-weight:bold;
width:
}

/* ★記事タイトル文字の色をここで指定します。 */
.skinArticleHeader h1 a{color:#555555;}

/* ★記事タイトル文字の色（ホバー時）をここで指定します。 */
.skinArticleHeader h1 a:hover{color:#FF6600;}







/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/

/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* 通常文字 */
.skinSubArea,.skinSubArea .skinTextColor,.skinSubTextColor,.skinSubBlock{}
/* リンク */
.skinSubArea a,.skinSubArea .skinAnchorColor,.skinSubAnchorColor,.skinSubBlock a{}
/* 訪問済のリンク */
.skinSubArea a:visited,.skinSubArea .skinAnchorVisitedColor,.skinSubAnchorVisitedColor,.skinSubBlock a:visited{}
/* マウスオーバーしたときのリンク */
.skinSubArea a:focus,.skinSubArea a:hover,.skinSubArea .skinAnchorHoverColor,.skinSubAnchorHoverColor,.skinSubBlock a:focus,.skinSubBlock a:hover{}
/* 弱い文字 */
.skinSubArea .skinWeakColor,.skinSubWeakColor{}
/* 強い文字 */
.skinSubArea .skinStrongColor,.skinSubStrongColor{}








/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (2) ボタンのスタイル
 ※ボタンの背景画像や文字の色などを指定できます


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}


/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#555555;
}




/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png);
}



.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);


/* ボタンの文字色 */
color:#555555;
}




/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #dddddd;
background:#ffffff;
color:#555555 !important;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#FAFAFA;
}







/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (3) エリアのスタイル
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定できます


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/

/*************************************************
　ヘッダー画像
*************************************************/

.skinTitleArea{/*【簡単カスタム対象】*/
padding:4px 0 0;
}

/* ★ヘッダー背景をここで設定します。 */
.skinHeaderFrame{
/*background:url(http://salesbrain.sub.jp/ookita_bg.jpg) repeat-x 0 top;*/
border-top: 8px solid #3cb4b8;
background: #efeeea;
}

/* ★ヘッダー画像をここで指定します。 */
.skinHeaderArea{
height: 304px;/* （ヘッダー画像の高さ） */
background: url(http://leaders-support.com/wordpress/wp-content/themes/cyber1.1.0/images/promo01.jpg) no-repeat center top;
}

/*************************************************
　記事タイトル
*************************************************/

.skinArticleHeader{
height:50px;
line-height:50px;
width:;
margin:0;
padding:0 0 0 60px;
border:0;

/* ★記事タイトルの背景画像をここで指定します。 */
background:url(http://salesbrain.sub.jp/ookita_title.jpg) no-repeat center top;
}
.skinArticleHeader a:hover{
text-decoration:none;
}

/*************************************************
　アウトライン
*************************************************/

/* ★ページ全体の背景色をここで指定します */
.skinContentsFrame{
background-color:#F5F5F5;
}

.skinContentsArea{
padding-bottom:0;
overflow:visible;

}
.layoutContentsA,
.skinSubA{
overflow:visible;
}
.layoutContentsB {
overflow: visible;
position: relative;
}
.skinContentsArea2{
float:left;
width:950px;
padding-left:14px;
padding-right:14px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-bottom:100px;

/* ★フッター領域の高さをここで指定します */
padding-bottom:350px;

/* ★フッター画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_foot.jpg) center bottom no-repeat #FFFFFF;
}

.skinArticle{border:0;}
.skinArticleBody2{margin:15;}
.skinArticleFooter{margin:10px 0 0;}

.columnC .layoutContentsA {
width: 735px;
}

.columnC .skinMainArea {
float: left;
width: 520px;
}

.columnC .skinSubA,
.columnC .skinSubB {
width: 200px;
}

/*************************************************
　トップバナー（465px×110px）
*************************************************/
/* ★トップバナーを取り外した場合は、ここで余白の高さを調整します。 */
.skinContentsArea2{
padding-top:210px;
}

/* ★バナー（1） */
#banner01{
position:absolute;
top:-130px;/* ★高さを調整します。 */
left:0;
}
#banner01 a{
display:block;
width:230px;
height:110px;

/* ★バナー（1）の画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_bana1.jpg) no-repeat center top;
}
#banner01 a:hover{
background:url(http://salesbrain.sub.jp/ookita_bana1.jpg) no-repeat center -110px;
}


/* ★バナー（2） */
#banner02{
position:absolute;
top:-130px;/* ★高さを調整します。 */
left:240px;
}
#banner02 a{
display:block;
width:230px;
height:110px;

/* ★バナー（2）の画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_bana2.jpg) no-repeat center top;
}
#banner02 a:hover{
background:url(http://salesbrain.sub.jp/ookita_bana2.jpg) no-repeat center -110px;
}


/* ★バナー（3） */
#banner03{
position:absolute;
top:-130px;/* ★高さを調整します。 */
left:480px;
}
#banner03 a{
display:block;
width:230px;
height:110px;
/* ★バナー（3）の画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_bana3.jpg) no-repeat center top;
}
#banner03 a:hover{
background:url(http://salesbrain.sub.jp/ookita_bana3.jpg) no-repeat center -110px;
}


/* ★バナー（4） */
#banner04{
position:absolute;
top:-130px;/* ★高さを調整します。 */
left:720px;
}
#banner04 a{
display:block;
width:230px;
height:110px;
/* ★バナー（4）の画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_bana4.jpg) no-repeat center top;
}
#banner04 a:hover{
background:url(http://salesbrain.sub.jp/ookita_bana4.jpg) no-repeat center -110px;
}

/*************************************************
　メッセージボード内のバナー
*************************************************/

/* メッセージボード全体を囲うエリアの設定 */
.skinMessageBoard3{padding:0px 0px;}


#msb01 a{
display:block;
width:520px;
height:134px;
margin:0 auto 10px;
}

/* ★バナー１の画像URLを設定します */
#msb01 a{background:url(http://salesbrain.sub.jp/ookita_action1-1.jpg) no-repeat center top;}




#msb01 a:hover{background:url(http://salesbrain.sub.jp/ookita_action1-1.jpg) no-repeat center -134px;}



#msb02 a{
display:block;
width:520px;
height:121px;
margin:0 auto 10px;
}

/* ★バナー１の画像URLを設定します */
#msb02 a{background:url(http://salesbrain.sub.jp/ookita_action1-2.jpg) no-repeat center top;}




#msb02 a:hover{background:url(http://salesbrain.sub.jp/ookita_action1-2.jpg) no-repeat center -121px;}




/*************************************************
メッセージボード内の読者登録バナー
*************************************************/
.msb03{
background-image:none;
text-indent:-9999px;
width: 400px;
height:80px;
margin: 0 auto;
}

.msb03 a{
display:block;
width:400px;
height:80px;
margin:0 auto 10px;
}

/* ★読者登録バナーの画像URLを設定します */
.msb03 a{background:url(http://salesbrain.sub.jp/ookita_action3.jpg) no-repeat center top;}

.msb03 a:hover{background:url(http://salesbrain.sub.jp/ookita_action3.jpg) no-repeat center -80px;}


.skinContentsArea{
background-color:#FFFFFF;/* ★ブログ全体の背景色を変える */
}
.skinArticle{
background-color:#FFFFFF;/* ★記事本文の背景色を変える */
}


/*************************************************
サイドバー
*************************************************/

.skinMenuBody ul li{
background: url(http://salesbrain.sub.jp/ookita_yajirushi.gif) no-repeat 0px 8px;
padding:5px 0 5px 20px;
border-bottom:1px dotted #999999;
}
.skinMenuBody .profileDetailArea ul li,
.skinMenuBody ul.profileBtnArea li{
background-image:none;
border:0;
padding:0;
}

.skinMenu{
background:#FFFFFF;
border:5px solid #E9E9E9;/* ★枠の色を変える */
padding:5px 2px;
}

.skinMenuBody{
margin:0;
padding:15px;
}

.skinMenuHeader{
width:280px;
height:40px;
line-height:40px;
background:no-repeat 0 0;
padding:0;
font-size:1.3em;
text-indent:-9999px;
margin:0 auto;
}

/* ★「プロフィール」の画像URLを指定します */
.profileMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu1);
}

/* ★「最近の記事」の画像URLを指定します */
.recentEntriesMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu2);
}

/* ★「テーマ一覧」の画像URLを指定します */
.themeMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu3);
}

/* ★「アーカイブ」の画像URLを指定します */
.archiveMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu4);
}

/* ★「読者一覧」の画像URLを指定します */
.readerMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu5);
}

/* ★「お気に入り一覧」の画像URLを指定します */
.favoriteMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu6);
}

/* ★「ランキング」の画像URLを指定します */
.rankingMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu7);
}

/* ★「ブックマーク」の画像URLを指定します */
.bookmarkMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu8);
}

/* ★「最近のコメント」の画像URLを指定します */
.recentCommentMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu9);
}

/* ★「カレンダー」の画像URLを指定します */
.calendarMenu .skinMenuHeader{
background-image:url(http://salesbrain.sub.jp/ookita_menu10);
}


/*************************************************
サイドバー読者登録ボタン
*************************************************/

.readerMenu a.skinImgBtnS{
width:260px;
height:85px;
/* ★読者登録ボタンの画像URLを指定します */
background:url(http://salesbrain.sub.jp/ookita_reader.jpg) no-repeat 0 top;
text-indent:-9999px;
}
.readerMenu a.skinImgBtnS:hover{
background-position:0 -85px;
}



/*************************************************
グローバルナビ
*************************************************/

/* ★ナビメニューの背景画像URLを指定します */
.skinContentsFrame{
background-image:url(http://salesbrain.sub.jp/ookita_menu_bg.jpg);
background-position: 0 top;
background-repeat:repeat-x;
}

ul#gnavi{
position:absolute;
width:980px;
top:-210px;
left:-14px;
}
ul#gnavi li{
float: left;
}
ul#gnavi li a{
display:block;
height:70px;
width:163px;

/* ★ナビメニューの画像URLを指定します（980px×80px） */
background:url(http://salesbrain.sub.jp/ookita_menu.jpg) no-repeat 0 0;
}

/*ヘッダーメニュー1*/
ul#gnavi li.menu1 a{
background-position:0px 0px;
}
ul#gnavi li.menu1 a:hover{
background-position:0px -70px;
}
/*ヘッダーメニュー2*/
ul#gnavi li.menu2 a{
background-position:-163px 0px;
}
ul#gnavi li.menu2 a:hover{
background-position:-163px -70px;
}
/*ヘッダーメニュー3*/
ul#gnavi li.menu3 a{
background-position:-326px 0px;
}
ul#gnavi li.menu3 a:hover{
background-position:-326px -70px;
}
/*ヘッダーメニュー4*/
ul#gnavi li.menu4 a{
background-position:-489px 0px;
}
ul#gnavi li.menu4 a:hover{
background-position:-489px -70px;
}
/*ヘッダーメニュー5*/
ul#gnavi li.menu5 a{
background-position:-652px 0px;
}
ul#gnavi li.menu5 a:hover{
background-position:-652px -70px;
}
/*ヘッダーメニュー6*/
ul#gnavi li.menu6 a{
background-position:-815px 0px;
}
ul#gnavi li.menu6 a:hover{
background-position:-815px -70px;
}

/*************************************************
カレンダー
*************************************************/

.skinSubA .calendarMenu table{width:100%; !important}

.calendarMenu th{
font-weight:normal;
border: 2px solid #CCC;
}

.calendar table{
width:100%;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
}
.calendar caption{
font-size:14px;
font-weight:bold;
}
.calendar #weekID{
height:14px;
width:20px;
padding:0px;
font-weight:normal;
background-color:#EAEAEA;
border:2px solid #cccccc;
}
.calendar #weekID .sun{
 color:#ffffff;
 background-color:#FF2492;
}
.calendar #weekID .sat{
 color:#ffffff;
 background-color:#00C;
}
.calendar td{
padding:0px;
color:#666666;
background-color:#FFFFFF;
border:2px solid #cccccc;
}
.calendar td a{
 display:block;
 padding-top:2px;
 font-weight:normal;
 text-decoration:none;
 background-color:#cccccc;
 color:#555555;
}
.calendar td a:hover{
 text-decoration:none;
 background-color:#555555;
 color: #FFF;
}

/*************************************************
更新日時とテーマを右寄せにする
*************************************************/
.articleDetailArea,
.articleTheme,
.articleTime{float:right;font-size:0.9em;}
.articleDetailArea{width:100%;}


/*************************************************
タイトルの文字のリンクカラーを変更する
*************************************************/
/* 通常時のカラー */
.skinArticle .skinArticleTitle{color:#555555;}
/* ホバー時のカラー */
.skinArticle .skinArticleTitle:hover{color:#6599FF;}
/* フォーカス時のカラー */
.skinArticle .skinArticleTitle:focus{color:#FF6600;}
/* 閲覧済みのカラー */
.skinArticle .skinArticleTitle:visited{color:#6599FF;}

.skinMessageBoard {
border: 0px;
}

/*************************************************
3カラムの読者登録バナーサイズを変更する
*************************************************/
.readerMenu .skinMenuBody {
padding: 15px 0;
}


/*************************************************
カレンダーの横幅を広げる
*************************************************/
.skinSubB .calendarMenu table {
width: 186px;
}
.calendarMenu .skinMenuBody {
padding: 15px 0;
}

/*************************************************
　ヘッド画像内のバナー（477px×108px）
*************************************************/

/* ★ヘッド画像内のバナー（488px×116px） */
#banner11{
position:absolute;
top: -500px;/* ★高さを調整します。 */
left: 680px;
}
#banner10{
position:absolute;
top:-360px;/* ★高さを調整します。 */
left:-7px;
display: none;
}
#banner10 a{
display:block;
width:489px;
height:141px;

/* ★ヘッド画像内のバナーの画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_headmassage.png) no-repeat center top;
}
#banner10 a:hover{
background:url(http://salesbrain.sub.jp/ookita_headmassage.png) no-repeat center -141px;
}

/*************************************************
広告を外した場合のタグ
*************************************************/
.headerBnrArea {
padding-bottom: 0px;
}

/*************************************************
　無料相談用バナー（950px×66px）
*************************************************/
/* ★トップバナーを取り外した場合は、ここで余白の高さを調整します。 */
.skinContentsArea2{
padding-top:210px;
}

/* ★バナー（1） */
#banner100{
position:absolute;
top:-10px;/* ★高さを調整します。 */
left:0;
}
#banner100 a{
display:block;
width:950px;
height:66px;

/* ★バナー（1）の画像をここで指定します */
background:url(http://salesbrain.sub.jp/ookita_action100.jpg) no-repeat center top;
}
#banner100 a:hover{
background:url(http://salesbrain.sub.jp/ookita_action100.jpg) no-repeat center -66px;
}


/*************************************************
ヘッダー以下をバナーの分だけ下に移動
*************************************************/
.columnC .layoutContentsA {
padding-top: 70px;
}

.layoutContentsB {
padding-top: 70px;
}

/*************************************************
応急処置
*************************************************/

.articleText {
overflow: visible;
}