/*---【2カラムLサイド　980pxデザイン】---*/
@charset "utf-8";


/*◆◆◆　全体の文字　◆◆◆*/
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body,.articleText{
color:#583133;
font-size: 14px !important;
line-height:1.6;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#c3a15c;
}
/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#c3a15c;
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#c3a15c;
}
/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#583133;
}
/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#583133;
}

/*◆◆◆　サイドバーの文字　◆◆◆*/
/* 通常文字 */
.skinSubArea,.skinSubArea .skinTextColor,.skinSubTextColor,.skinSubBlock{
color:#583133;
font-size: 12px !important;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* リンク */
.skinSubArea a,.skinSubArea .skinAnchorColor,.skinSubAnchorColor,.skinSubBlock a{
color:#583133;
}
/* 訪問済のリンク */
.skinSubArea a:visited,.skinSubArea .skinAnchorVisitedColor,.skinSubAnchorVisitedColor,.skinSubBlock a:visited{
color:#583133;
}
/* マウスオーバーしたときのリンク */
.skinSubArea a:focus,.skinSubArea a:hover,.skinSubArea .skinAnchorHoverColor,.skinSubAnchorHoverColor,.skinSubBlock 
a:focus,.skinSubBlock a:hover{
color:#583133;
}
/* 弱い文字 */
.skinSubArea .skinWeakColor,.skinSubWeakColor{
color:#583133;
}
/* 強い文字 */
.skinSubArea .skinStrongColor,.skinSubStrongColor{
color:#583133;
}

/*◆◆◆　ボディ（全体）◆◆◆*/
/*フレームレイアウト*/
.skinFrame {
display:block;
width:980px;
margin:0 auto;
position:relative;
zoom:1;
}

/*◆◆◆　背景イメージ　◆◆◆*/
/*背景最上段（フッター部かぶせ）*/
.skinBody3 {
background: url(http://webken-bee.com/keiko-astrology/ameblo/footer.png) no-repeat center bottom;
}
/*背景下から3番目（ヘッダー部）*/
.skinBody2 {
background: transparent;
}
/*背景下から2番目（中間下地つなぎ背景・コンテンツシャドウなど）*/
.skinBody {
background: transparent;
}
}
/*背景1番下（最背面背景画像)*/
body{
background:#fff;
}

/*◆◆◆　ヘッダー部　◆◆◆*/
.skinHeaderArea {
width:980px;
height:475px;
}
.skinHeaderArea2{
padding:0;
}
.skinBlogHeadingGroupArea{
padding:0;
}
.skinDescriptionArea{
display:none;
}
.skinTitleArea{
padding:0;
}
.skinTitleArea a{
display:block;
height:0;
text-indent:-9999px;
}

/*◆◆◆　ヘッダーイメージ　◆◆◆*/
#header-link ul {
position: absolute;
width: 980px;
margin-left:-5px;
top: 20px;
list-style-type: none;
list-style-image: none;
}
#header-link ul li {
padding: 0;
float: left;
}
#header-link ul li a {
display: block;
background:url("http://webken-bee.com/keiko-astrology/ameblo/header.jpg") no-repeat 0 0;
height: 380px;
}
#header-link ul li.menu01 a {
width: 980px;
background-position: 0 0;
transition: opacity 1.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#header-link ul li.menu01 a:hover {
opacity:0.8;
}
#header-link ul li a span {
display: none; /*IEエラー対策*/
}

/*◆◆◆　ヘッダーコメント　◆◆◆*/
#header-commment {
position: absolute;
width:980px;
height:auto;
z-index:100;
margin-left:0;
top: 355px;
text-align:center;
}

#header-commment p {
color:#fff;
font-size:14px;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*◆◆◆　グローバルナビゲーション　◆◆◆*/
#gnavi {
position: absolute;
margin-left:30px;
top: 430px;
width:890px;
height:35px;
}
#gnavi ul {
list-style-type: none;
list-style-image: none;
}
#gnavi ul li {
padding: 0;
float: left;
}
#gnavi ul li a {
display: block;
background: url("http://webken-bee.com/keiko-astrology/ameblo/gnavi.png") no-repeat 0 0;
height: 35px;
}
/*メニュー1*/
#gnavi ul li.menu01 a {
width: 260px;
background-position: 0 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#gnavi ul li.menu01 a:hover {
opacity:0.5;
}
/*メニュー2*/
#gnavi ul li.menu02 a {
width: 195px;
background-position: -260px 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#gnavi ul li.menu02 a:hover {
opacity:0.5;
}
/*メニュー3*/
#gnavi ul li.menu03 a {
width: 180px;
background-position: -455px 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#gnavi ul li.menu03 a:hover {
opacity:0.5;
}
/*メニュー4*/
#gnavi ul li.menu04 a {
width: 135px;
background-position: -635px 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#gnavi ul li.menu04 a:hover {
opacity:0.5;
}
/*メニュー5*/
#gnavi ul li.menu05 a {
width: 110px;
background-position: -770px 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#gnavi ul li.menu05 a:hover {
opacity:0.5;
}
#gnavi ul li a span {
display: none; /*IEエラー対策*/
}

/*◆◆◆　コンテンツエリア　◆◆◆*/
.skinContentsArea{/* 注 ベースのcssにwidth:980px;の記述有り */
padding: 0 0 250px 0;
width:980px;
background:transparent;
}

/*◆◆◆　サイドメニューエリア　◆◆◆*/
.skinSubArea{
margin-top:-10px;
} 
.skinSubA{
margin-top:300px;
} /* 300pxのサイドメニューエリア */
.skinSubB{
} /* 180pxのサイドメニューエリア（３カラム時） */
.skinMenuBody{
}

/*◆◆◆　バナーエリア　◆◆◆*/
#side-banner {
position: absolute;
margin-left:0;
top: 490px;
width:300px;
heiight:300px;
}
#side-banner ul {
margin:0;
padding:0;
list-style-type: none;
list-style-image: none;
}
#side-banner ul li {
padding: 0;
float: left;
width: 300px;
}
#side-banner ul li a {
display: block;
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/banner.jpg");
background-repeat: no-repeat;
height: 75px;
}

/*メニュー1*/
#side-banner ul li.menu01 a {
background-position: 0 0;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#side-banner ul li.menu01 a:hover {
opacity:0.5;
}
/*メニュー2*/
#side-banner ul li.menu02 a {
background-position: 0 -75px;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#side-banner ul li.menu02 a:hover {
opacity:0.5;
}
/*メニュー3*/
#side-banner ul li.menu03 a {
background-position: 0 -150px;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#side-banner ul li.menu03 a:hover {
opacity:0.5;
}
/*メニュー4*/
#side-banner ul li.menu04 a {
background-position: 0 -225px;
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
}
#side-banner ul li.menu04 a:hover {
opacity:0.5;
}
#side-banner ul li a span {
display: none; /*IEエラー対策*/
}


/*◆◆◆　サイドメニュータイトル画像の設置（タイトル設置）　◆◆◆*/
/*タイトル全体指定*/
.skinMenuHeader {
height: 50px;
margin:20px 0 0;
background-color: transparent;
background-repeat:no-repeat;
text-indent: -9999px;
}

/*プロフィールスペースのみ*/
.profileMenu .skinMenuHeader {
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-profile.png");
margin-bottom: 20px;
}

/*タイトル画像指定*/
.recentEntriesMenu .skinMenuHeader {/* 最新の記事 */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-entry.png"); 
}
.themeMenu .skinMenuHeader {/* テーマ */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-theme.png"); 
}
.archiveMenu .skinMenuHeader {/* アーカイブ */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-archive.png"); 
}
.bookmarkMenu .skinMenuHeader {/* ブックマーク */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-bookmark.png"); 
}
.favoriteMenu .skinMenuHeader {/* お気に入りブログ */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-favorite.png"); 
}
.recentCommentMenu .skinMenuHeader {/* コメント */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-comment.png"); 
}
.profileMenu .skinMenuHeader {/* プロフィール */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-profile.png"); 
}
.readerMenu .skinMenuHeader {/* このブログの読者 */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-reader.png"); 
}
.rankingMenu .skinMenuHeader {/* ランキング */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-ranking.png"); 
}
.calendarMenu .skinMenuHeader {/* カレンダー */
background-image: url("http://webken-bee.com/keiko-astrology/ameblo/side-calendar.png"); 
}

/*◆◆◆　サイドメニュー背景（中間部/フッター部）　◆◆◆*/
.skinMenu{
margin-right:0;
padding-bottom:0;
background:transparent;
border: none;
/* 注　ベースのcssに margin-bottom の記述有り */
}
div.skinMenu2 {
padding: 0 0 10px 0;
}
.skinSubA .skinMenuBody{/*サイド背景中間*/
margin:0;
padding: 0 ;
background-color:transparent;
}
.skinSubA .skinMenu{/*サイド背景フッター*/
margin-bottom:20px;
}

/* -----サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること-----*/
.skinSubHr,.skinSubList li{
margin-bottom:3px;
padding:0 0 4px 5px;
border:none;
}

.skinMenuBody ul li {
margin: 0;
padding: 2px 0 10px 5px !important;
}

/*◆◆◆　メインエリア　◆◆◆*/
.skinMainArea{
width:650px !important;/*記事部分の横幅Ｂ　B=A-330px*/
}

/*◆◆◆　メッセージボード　◆◆◆*/
.skinMessageBoard2{/*背景TOP*/
background:url(http://webken-bee.com/keiko-astrology/ameblo/message-top.png) no-repeat center top;
border:none;
}
.skinMessageBoard{/*背景MIDDLE*/
background:transparent;
border:none;
}
.skinMessageBoard3 {/*背景BOTTOM*/
min-height:40px;
margin-bottom:40px;
padding: 80px 40px 30px;
background:url(http://webken-bee.com/keiko-astrology/ameblo/message-bot.png) no-repeat center bottom;
border:none;
color:#583133;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*◆◆◆　ページング　「次ページ」＆「前ページ」◆◆◆*/
.pagingPrev, .pagingNext {
margin: 5px 0 0 0;
padding: 2px 10px 2px 10px;
}
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
color:#583133 !important;
font-size:12px;
text-decoration: none !important;
background-color:#fff;
border:1px solid #bfa37e;
}
/*マウスオーバー時*/
.skinSimpleBtn:hover, .skinSimpleBtn:focus{
color:#bfa37e !important;
background-color:#fff;
border:1px solid #bfa37e;
}
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
}
/*記事すぐ下ページング*/
.pagingArea.entryPaging {
display: none;
}
/*画像一覧をみる非表示*/
.userLinkArea {
display: none !important;
}

.pagingArea {
position: relative;
width: 450px;
min-height: 24px;
margin: 0 auto 50px;
text-align: center;
}
a.skinSimpleBtn {
min-width: 250px;
}

.pagingArea.detailPaging {
margin-left: 90px;
}


/*◆◆◆　メイン（記事）エリア　◆◆◆*/
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding: 0;
margin-bottom: -30px;
border:none;
background:none;
}
.skinArticle2 {/*記事中間画像設定*/
position:relative;
overflow:hidden;
background:transparent;
padding:0;
margin-bottom:80px;
width:650px;
}
.skinArticle3 {/*記事フッター画像設定*/ 
center bottom;
padding: 0;
margin-bottom: 0;
background:transparent;
}
.articleText {
width:580px;
margin-top: 30px;
padding: 20px 0 0 0;
}

/*◆◆◆　記事背景　◆◆◆*/
/*-----　記事タイトル　-----*/
.skinArticleHeader{
min-height:40px;
margin:0;
padding:10px 0 0 40px;
background:url("http://webken-bee.com/keiko-astrology/ameblo/content-title.png") no-repeat 0 0;
border-left: none;
}
.articleDetailArea.skinWeakColor {
height:0 !important;
}
a.skinArticleTitle,a:visited.skinArticleTitle {
color: #583133;
font-weight:normal;
text-decoration: none;
line-height:1;
font-size:19px;
}
a:hover.skinArticleTitle {
color: #583133;
font-weight:normal;
font-size:19px;
text-decoration: underline;
}

/*-----　テーマ＆投稿時間表示　-----*/
.articleTheme {/*メインコラム欄テーマ*/
float:left;
color: #583133;
font-size:11px;
text-align: left;
padding-left:0;
}
.articleTheme a {
color: #583133;
}
.articleTheme a:hover {
color: #583133;
}
.articleDetailArea {
display:block;
}
.articleTime {/*メインコラム欄投稿時間*/
float:left;
color: #583133;
font-size:11px;
padding-left:0;
}
.articleTime span {
color: #ff99cb; /*NEW！*/
font-weight: normal;
}

/*-----　記事本文背景　-----*/
.skinArticleBody2{
margin:2px 0 70px 0;
padding:0 40px;
}

/*-----　記事フッター背景　-----*/
.skinArticleFooter{
height:80px;
margin-top: 0;
padding:0 10px 0px 10px;
border:none;
}
.articleImageListArea {
margin: 20px 0 120px;
text-align: left;
overflow: hidden;
}

/*◆◆◆　コンテンツフッターのスタイル　◆◆◆*/
.content-Footer {
width:580px;
height:auto;
}
.content-Footer img {
margin:0 !important;
}
.content-Footer img:hover {
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 1.5s ease 0s;
opacity:0.5;
}
.footer-banner {
padding-left: 20px;
}
.footer-banner img {
margin: 0 20px 0 0 !important;
}


/* -----ソーシャルエリア-----*/
.articleExLinkArea {/*ソーシャルリンクボタン調整*/
margin:0;
padding-top: 0;
text-align:left;
}
.articleExLinkArea a {
margin:0;
}
.tweetBtn1201 {/*ツイッター調整*/
margin-top: 5px !important;
}
.articleLinkArea {/*コメントペタボタン調整*/
margin:0;
padding: 0 20px;
text-align:left;
}
.articleExLinkArea .articleExLinkSubArea {
float: left;
height: 20px;
margin-bottom: 10px;
padding: 20px;
zoom: 1;
}

/*アメブロいいね・コメントボタン*/
.articleBtnArea {
clear: both;
zoom: 1;
margin: 20px 0 0;
}
.articleBtnSubArea {
width: 670px;
}

/*アメブロONE NOTEクリップボタン*/
.oneNoteBtnArea {
width: 145px;
margin-bottom:20px;
}

/*◆◆◆　記事下テーマ一覧　◆◆◆*/
.articleThemeListArea {
margin: 100px 0 0 30px;
}

/* -----コメント欄-----*/
.skinWeakBgColor,.skinBaseWeakBgColor {
background-color:#f7f7f7;
}
.skinStrongBgColor,.skinBaseStrongBgColor {
background-color:#f7f7f7;
}
.skinBorderColor,.skinBaseBorderColor,.skinBlock {
border-color:#d3d3d3;
}
.skinBorderHr,.skinBorderList li {
border-color:#d3d3d3;
}
.articleBtnSubArea {
margin-top: 20px;
}

/*-----　記事フッターバナー-----*/
#ArticleFooter2 {
width:450px;
height:200px;
margin:30px 0 0 30px;
padding:0;
}



/*◆◆◆　コメント欄、トラバ欄、記事一覧などの一覧　◆◆◆*/
/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background-color:#ffffff;
}
/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#f7f7f7;
}
/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#f7f7f7;
}
/* 枠線の色 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock{
border-color:#dddddd;
}
/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#b3b3b3;
}

/*◆◆◆　アメブロ会員登録ボタン ◆◆◆*/
.skinImgBtnM{
background:#f2f2e5;
height:35px;
width:150px;
}

/*◆◆◆　サイドメニュー読者登録ボタン ◆◆◆*/
.skinImgBtnS.readerBtn {
}
.readerMenu .readerBtn {
background:url("http://webken-bee.com/keiko-astrology/ameblo/reader-side.png") no-repeat; 
display:block; 
width:260px; 
height:70px; 
text-indent:-9999px;
border : none;
}
.readerMenu a:hover{
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
opacity:0.6;
}
div.readerRequestBtnArea a {
margin-left: 15px !important;
}

/*◆◆◆　検索窓　◆◆◆*/
.blogSearchBtn {
margin-top:-10px;
width:32px;
height:50px;
background-image:url("http://webken-bee.com/keiko-astrology/ameblo/search.png");
}
.blogSearchBtn:hover {
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 0.5s ease 0s;
opacity:0.7;
}
.skinSubA .blogSearchInput {
width: 260px;
margin-left: 0;
}

/*◆◆◆　カレンダー　◆◆◆*/
.skinSubB .calendarMenu table,
.skinSubA .calendarMenu table {
width:280px;
}
.skinSubA .calendarMenu td,
.skinSubB .calendarMenu td {
font-size:93%;
}
.calendar table {
border-collapse:collapse;
}
.calendar caption { /* 月表示 */
font-size:100%;
font-weight:bold;
}
.calendar #weekID { /* 曜日表示 */
height:14px;
margin:1px;
font-weight:normal;
}
.calendar #weekID .sun { /* 日曜日の表示 */
color:#F2911D;
}
.calendar #weekID .sat { /* 土曜日の表示 */
color:#21A0CC;
}
.calendar td { /* 日表示部 */
margin:0px;
color:#3e282e;
background-color:transparent;
}
.calendar td a { /* 日付ページへのリンク */
display:block;
padding-top:2px;
font-weight:bold;
text-decoration:none;
background-color:#fff;
color:#3e282e;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius:3px;
border:1px solid #bba16f;
}
.calendar td a:hover { 
text-decoration:none;
background-color:#f9f9ed;
border:1px solid #bba16f;
color:#3e282e;
}

/*◆◆◆　サイドメニュープロフィール画像変更 ◆◆◆*/
.skinSubA .userProfileImageArea {
width: 150px;
height: 150px;
border: none !important;
padding-left:75px;
}
.skinSubA .userProfileImage,.userProfileImage img {
width: 150px;
height: 150px;
border: none !important;
}
.skinSubA .profileUserNicknameArea {
float: left;
width: 300px;
padding: 10px 0 10px 2px;
text-align:center;
}
.skinImgBtnS {
margin: 5px 0 0 2px !important;
}
.userProfileImage img {
box-shadow: 3px 3px 4px #e6e6e6 !important;
}

.userProfileImage img:hover{
transition: opacity 0.5s ease 0s;
-webkit-transition: opacity 1.5s ease 0s;
opacity:0.7;
}

.profileUserNickname {
width: 300px;
}
.profileDetailArea {
clear: both;
padding: 0;
font-size: .94em;
text-align: center;
}
.skinSubArea ul, .skinSubArea li {
margin: 0;
padding: 2px 0 0 5px;
}
a:hover.amemberBtn.skinImgBtnS, a:hover.messageBtn.skinImgBtnS, a:hover.presentBtn.skinImgBtnS {
opacity:0.5;
}
a:hover.readerBtn.skinImgBtnS {
opacity: 0.7;
}
.profileUserNicknameArea a {
/*color: #8e8066 !important;*/
}

/*◆◆◆グローバルリンク非表示◆◆◆*/
.globalLinkArea { 
display: none;
}

/*◆◆◆フッター非表示◆◆◆*/
#footer-area address {
text-indent:-9999px;
}

/*◆◆◆記事フッター画像一覧調整◆◆◆*/
.articleImageListArea {
margin:100px 0 120px;
text-align: left;
overflow: hidden;
}