@charset "UTF-8";
/* CSS Document */
body { background: url(../img/bee/main.png) no-repeat 10% 0; }

/*全体設定
----------------------------------------------*/
#page { padding-top: 180px; }

/*ナビゲーション
----------------------------------------------*/
#navi { background: url(../img/bee/navi_check.png) no-repeat 50% 0; }
#naviLeft a { background: url(../img/bee/navi_left.png) no-repeat 50% 15px; }
#naviRight a { background: url(../img/bee/navi_right.png) no-repeat 50% 15px; }
#naviTop a { background: url(../img/bee/navi_top.png) no-repeat; }
#naviUnder a { background: url(../img/bee/navi_under.png) no-repeat; }

/*フッター
----------------------------------------------*/
#goTop { background: url(../img/bee/foot_navi.png) no-repeat; }
#foot { background: url(../img/bee/foot_base.png); }
#footLogo { background: url(../img/bee/logo.png) no-repeat; width: 133px; height: 55px; }

/*メール
----------------------------------------------*/
.beePost a { display: block; background: url(../img/bee/mail_off.png) no-repeat; width: 154px; height: 175px; margin: 0 auto; text-indent: -9999px; overflow: hidden; }
.beePost a:hover { display: block; background: url(../img/bee/mail_on.png) no-repeat; width: 154px; height: 175px; margin: 0 auto; text-indent: -9999px; }

/*読者メール
----------------------------------------------*/
.beeMail { width: 500px; border: 1px solid #CCC; margin: 0 auto 1.8em; padding: 24px; }
.beeMailIn { width: 500px; background: url(../img/bee/mail_base.png); margin: 0 auto; line-height: 24px; }
.beeMailIn img { background: #fff; }
.beemailFoot { background: url(../img/bee/mail_bee.png) no-repeat; width: 500px; height: 51px; margin: 0 auto; text-align: right; padding-top: 35px; }



/*各タイトル
----------------------------------------------*/
.infoPro { margin: 0 auto 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.infoProIn { padding: 15px 30px; font-size: 8pt; }

.infoSns { padding: 20px 30px 15px;/*----clearfix-----*/ _height: 1px; min-height: 1px; }
.infoSns:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }/*----clearfix-----*/
.infoSns li { float: left; margin-right: 10px; position: relative; }
.infoSns img { border: none !important; padding: 0 !important; }
.infoSnsBlog a { display: block; background: url(../img/bee/icon_blog.png) no-repeat; width: 40px; height: 40px; text-indent: -9999px; }
.infoSnsBlog a:hover { opacity:0.8;	filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.infoSnsTwit a { display: block; background: url(../img/bee/icon_tw.png) no-repeat; width: 40px; height: 40px; text-indent: -9999px; }
.infoSnsTwit a:hover { opacity:0.8;	filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.tooltips { display: none; position: absolute; top: -2.8em; left: 0.3em; z-index: 9999; padding: 0.3em 0.5em; color: #FFFFFF; background: #F06; border-radius: 0.5em; white-space: nowrap; }
.tooltips:after { width: 100%; content: ""; display: block; position: absolute; left: 0.5em; bottom: -8px; border-bottom: 8px solid transparent; border-left: 8px solid #F06; }
.infoSns li:hover .tooltips { display: block; }


/*Starry☆Sky
-------------------------*/
.infoStsk { background: #DEF1FB url(../img/bee/title_stsk.png) 30px 15px no-repeat; border: 2px solid #00AEE5; }
.infoStsk .infoProIn { padding-top: 110px; }
.infoStsk ul { background: #00AEE5; }

/*死神
-------------------------*/
.infoBirt { background: #FFF url(../img/bee/title_birth.png) 30px 15px no-repeat; border: 2px solid #000; }
.infoBirt .infoProIn { padding-top: 135px; }
.infoBirt ul { background: #000; }

/*羊
-------------------------*/
.infoHits { background: #FFF url(../img/bee/title_hitsuji.png) 30px 20px no-repeat; border: 2px solid #808080; }
.infoHits .infoProIn { padding-top: 135px; }
.infoHits ul { background: #808080; }

/*DYNAMIC CHORD
-------------------------*/
.infoDC { background: #000 url(../img/bee/title_dc.png) 30px 15px no-repeat; border: 2px solid #C7161E; }
.infoDC .infoProIn { padding-top: 100px; color: #CCC; }
.infoDC ul { background: #C7161E; }

/*あやかしごはん
-------------------------*/
.infoAyak { background: #F5EDED url(../img/bee/title_ayakashi.png) 30px 15px no-repeat; border: 2px solid #91181E; }
.infoAyak .infoProIn { padding-top: 115px; }
.infoAyak ul { background: #91181E; }

/*フォトジャニ
-------------------------*/
.infoPj { background: #E8F0FF url(../img/bee/title_pj.png) 30px 30px no-repeat; border: 2px solid #3A81C4; }
.infoPj .infoProIn { padding-top: 115px; }
.infoPj ul { background: #3A81C4; }

/*Blackish House
-------------------------*/
.infoBH { background: #BF1B24 url(../img/bee/title_bh.png) 30px 30px no-repeat; border: 2px solid #000; }
.infoBH .infoProIn { padding-top: 115px; color: #CCC; }
.infoBH ul { background: #000; }

/*チアボーイ！
-------------------------*/
.infoCh { background: #E8F0FF url(../img/bee/title_cheer.png) 30px 30px no-repeat; border: 2px solid #09F; }
.infoCh .infoProIn { padding-top: 140px; }
.infoCh ul { background: #09F; }






/*編集後記
----------------------------------------------*/
.tomico,.gussan,.oka,.aranatsu,.misuzu { min-height: 250px; }
.tomico img,.gussan img,.oka img,.aranatsu img,.misuzu img { background: #fff !important; }
/*トミ子が行く！
-------------------------*/
.tomico { margin: 0 auto 0.8em; background: #FFC200 url(../img/bee/tomico.png) no-repeat; border: 2px solid #000; padding: 10px 10px 10px 250px; font-size: 8pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*ぐっさんが行く！
-------------------------*/
.gussan { margin: 0 auto 0.8em; background: #FFC200 url(../img/bee/gussan.png) no-repeat; border: 2px solid #000; padding: 10px 10px 10px 250px; font-size: 8pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*岡が行く！
-------------------------*/
.oka { margin: 0 auto 0.8em; background: #FFC200 url(../img/bee/oka.png) no-repeat; border: 2px solid #000; padding: 10px 10px 10px 250px; font-size: 8pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*あらなつが行く！
-------------------------*/
.aranatsu { margin: 0 auto 0.8em; background: #FFC200 url(../img/bee/aranatsu.png) no-repeat; border: 2px solid #000; padding: 10px 10px 10px 250px; font-size: 8pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*みすずが行く！
-------------------------*/
.misuzu { margin: 0 auto 0.8em; background: #FFC200 url(../img/bee/misuzu.png) no-repeat; border: 2px solid #000; padding: 10px 10px 10px 250px; font-size: 8pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
