/*---【2カラムLサイド　980pxデザイン】---*/
@charset "utf-8";
/*人気ブログランキング（フリープラグイン）*/
#blog-ranking{
width:283px;
margin:0 auto;
padding:20px 0 0;
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-blog-ranking.png) no-repeat 0 0;
border:1px solid #5d0045;
}

#blog-ranking p{
padding:15px 5px 5px;
font-size:11px !important;
text-align:center;
}

.rank-link{
clear:both;
width:220px;
height:35px;
margin:0 auto 10px;
}
.rank01, .rank02{
float:left;
margin:5px;
}
.rank01 img:hover,.rank02 img:hover {
opacity:0.7;
}

/*◆◆◆　全体の文字　◆◆◆*/
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body,.articleText{
color:#342a21;
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:#b50087;
}
.skinMainArea2 a {
text-decoration: underline;
}
/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#b50087;
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#5d0045;
}
/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#342a21;
}
/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#342a21;
}

/*◆◆◆　サイドバーの文字　◆◆◆*/
/* 通常文字 */
.skinSubArea,.skinSubArea .skinTextColor,.skinSubTextColor,.skinSubBlock{
color:#342a21;
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:#342a21;
}
/* 訪問済のリンク */
.skinSubArea a:visited,.skinSubArea .skinAnchorVisitedColor,.skinSubAnchorVisitedColor,.skinSubBlock a:visited{
color:#342a21;
}
/* マウスオーバーしたときのリンク */
.skinSubArea a:focus,.skinSubArea a:hover,.skinSubArea .skinAnchorHoverColor,.skinSubAnchorHoverColor,.skinSubBlock 
a:focus,.skinSubBlock a:hover{
color:#b50087;
}
/* 弱い文字 */
.skinSubArea .skinWeakColor,.skinSubWeakColor{
color:#342a21;
}
/* 強い文字 */
.skinSubArea .skinStrongColor,.skinSubStrongColor{
color:#342a21;
}

/*◆◆◆　ボディ（全体）　◆◆◆*/

/*フレームレイアウト*/

.skinFrame {
position:relative;
overflow:hidden;
display:block;
width:1000px;
margin:0 auto;
margin-top: 0px;
}

/* skinBody ボディ */
.skinBody{}
.skinBody2{}
.skinBody3{}

.skinContentsArea {
width:960px;/*トータル幅*/
margin-bottom: 50px;
}

.layoutContentsA {
width:955px !important;/* 総幅-左サイド*/
}

.skinMainArea {
width:630px !important;/*記事幅*/
background-color: #FFFFFF;
margin-bottom: 20px;
}

/*◆◆◆　背景イメージ　◆◆◆*/
/*背景最上段（フッター部かぶせ）*/
.skinBody3 {
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/bg-bot.jpg) no-repeat center bottom;
}
/*背景下から3番目（ヘッダー部）*/
.skinBody2 {
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/bg-top.jpg) no-repeat center top;
}
/*背景下から2番目（中間下地つなぎ背景・コンテンツシャドウなど）*/
.skinBody {
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/bg-mid.jpg) repeat-y center top;
}
}
/*背景1番下（最背面背景画像)*/
body{
background:transparent;
}

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

/*◆◆◆　グローバルナビゲーション1（ホームページ）　◆◆◆*/
#gnavi ul {
position: absolute;
margin-left:10px;
top: 490px;
list-style: none;
width: 920px;
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/gnavi-bg.png) no-repeat 0 5px;
}
#gnavi ul li {
padding: 0 !important;
float: left;
}
#gnavi ul li a {
display: block;
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/gnavi.png");
background-repeat: no-repeat;
height: 25px;
}
/*メニュー*/
#gnavi ul li.menu01 a {
width: 135px;
background-position: 0 0;
}
#gnavi ul li.menu02 a {
width: 155px;
background-position: -135px 0;
}
#gnavi ul li.menu03 a {
width: 110px;
background-position: -290px 0;
}
#gnavi ul li.menu04 a {
width: 140px;
background-position: -400px 0;
}
#gnavi ul li.menu05 a {
width: 95px;
background-position: -540px 0;
}
#gnavi ul li.menu06 a {
width: 145px;
background-position: -635px 0;
}
#gnavi ul li.menu07 a {
width: 140px;
background-position: -780px 0;
}

/*hover設定*/
#gnavi ul li a:hover{
opacity:0.7;
}
#gnavi ul li a span {
display: none; /*IEエラー対策*/
}

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

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

/*◆◆◆　バナーエリア(HP)　◆◆◆*/
#side-banner{
margin:-20px 0 0 10px;
}
#side-banner img:hover {
opacity:0.7;
}

/*◆◆◆　サイドメニュータイトル画像の設置（タイトル設置）　◆◆◆*/
/*タイトル全体指定*/
.skinMenuHeader {
height: 20px;
margin:0;
background-color: transparent;
background-repeat:no-repeat;
text-indent: -9999px;
}
/*タイトル画像指定*/
.recentEntriesMenu .skinMenuHeader {/* 最新の記事 */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-entry.png"); 
}
.themeMenu .skinMenuHeader {/* テーマ */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-theme.png"); 
}
.archiveMenu .skinMenuHeader {/* アーカイブ */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-archive.png"); 
}
.bookmarkMenu .skinMenuHeader {/* ブックマーク */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-bookmark.png"); 
}
.favoriteMenu .skinMenuHeader {/* お気に入りブログ */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-favorite.png"); 
}
.recentCommentMenu .skinMenuHeader {/* コメント */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-commentpng.png"); 
}
.profileMenu .skinMenuHeader {/* プロフィール */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-profile.png"); 
}
.readerMenu .skinMenuHeader {/* このブログの読者 */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-reader.png"); 
}
.rankingMenu .skinMenuHeader {/* ランキング */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-ranking.png"); 
}
.calendarMenu .skinMenuHeader {/* カレンダー */
background-image: url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-calendar.png"); 
}

/*◆◆◆　サイドメニュー背景（中間部/フッター部）　◆◆◆*/
.skinMenu{
margin-right:0;
padding-bottom:0;
background:transparent;
border: none;
/* 注　ベースのcssに margin-bottom の記述有り */
}
div.skinMenu2 {
padding: 0 0 5px 0;
}
ul.skinSubList li a {
margin-left: 8px;
}
.skinSubA .skinMenuBody{/*サイド背景中間*/
margin:0;
padding: 10px 20px 10px 15px;
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-frame-mid.png) repeat-y center top;
}
.skinSubA .skinMenu{/*サイド背景フッター*/
margin-bottom:20px;
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/side-frame-bot.png) no-repeat center bottom;
}
.skinSubArea ul, .skinSubArea li {
margin: 0;
padding: 3px 0 3px 12px !important;
}

/* -----サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること-----*/
.skinSubHr,.skinSubList li{
margin-bottom:3px;
padding:0;
border-bottom:1px dotted #5d0045;
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/list.png) no-repeat 0 7px;
}

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

/*◆◆◆　メッセージボード　◆◆◆*/
.skinMessageBoard2{/*背景TOP*/
background:url(https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/message.jpg) no-repeat center top;
border:none;
}
.skinMessageBoard{/*背景MIDDLE*/
background:transparent;
border:none;
}
.skinMessageBoard3 {/*背景BOTTOM*/
min-height:50px;
padding: 470px 10px 0;
background:transparent;
border:none;
}

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

.pagingArea {
position: relative;
width: 410px;
min-height: 24px;
margin: 16px auto 26px;
text-align: center;
}

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

/*◆◆◆　記事背景　◆◆◆*/
/*-----　記事タイトル　-----*/
.skinArticleHeader{
min-height:25px;
margin:0;
padding:10px 5px 0;
background:none;
border-left: none;
border-top:5px solid #5d0045;
}
.articleDetailArea.skinWeakColor {
height:0 !important;
}
a.skinArticleTitle,a:visited.skinArticleTitle {
color: #5d0045;
font-weight:bold;
text-decoration: none;
line-height:1;
font-size:19px;
}
a:hover.skinArticleTitle {
color: #b50087;
font-weight:bold;
font-size:19px;
text-decoration: underline;
}

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

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

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

/* -----ソーシャルエリア-----*/
.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 5px;
}
.articleBtnSubArea {
width: 720px;
}

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

/* -----コメント欄-----*/
.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;
}

/*◆◆◆　フッターコンテンツ　◆◆◆*/
#footer-banner {
margin-left: -20px;
width:425px;
height:30px;
}
#footer-banner ul {
list-style-type: none;
list-style-image: none;
}
#footer-banner  ul {
width: 425px;
}
#footer-banner  ul li {
padding: 0;
float: left;
}
#footer-banner ul li a {
display: block;
background-image: url("http://webken-bee.com/iup-lab/content-footer-link.png");
background-repeat: no-repeat;
height: 30px;
}
/*メニュー1*/
#footer-banner ul li.menu01 a {
width: 155px;
background-position: 0 0;
}
#footer-banner ul li.menu01 a:hover {
opacity:0.5;
}
/*メニュー2*/
#footer-banner ul li.menu02 a {
width: 155px;
background-position: -155px 0;
}
#footer-banner ul li.menu02 a:hover {
opacity:0.5;
}
/*メニュー3*/
#footer-banner ul li.menu03 a {
width: 115px;
background-position: -310px 0;
}
#footer-banner ul li.menu03 a:hover {
opacity:0.5;
}
#footer-banner ul li a span {
display: none; /*IEエラー対策*/
}

/*フッターロゴリンク設定*/
div#content-logo {
padding: 10px 0 0 85px;
}
div#content-logo a img:hover {
opacity: 0.7;
}


/*【記事フッターバナー】記事一覧ページにおける表示エラー対処*/
.skinSubArea #ArticleFooter2 {
display: none;
}


/*◆◆◆　コメント欄、トラバ欄、記事一覧などの一覧　◆◆◆*/
/* 背景色 */
.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("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/ameblo/reader-banenr.jpg") no-repeat; 
display:block; 
width:260px; 
height:100px; 
text-indent:-9999px;
border : none;
}
.readerMenu a:hover{
opacity:0.6;
}
div.readerRequestBtnArea a {
margin-left: 5px !important;
}

/*◆◆◆　検索窓　◆◆◆*/
.blogSearchBtn {
margin-top:-10px;
width:32px;
height:50px;
background-image:url("https://s3-ap-northeast-1.amazonaws.com/beecustom/ruby/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:260px;
}
.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:#f2f2e5;
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;
}

/*◆◆◆　サイドメニュープロフィール画像変更 ◆◆◆*/

.skinImgBtnS {
margin: 5px 0 0 2px !important;
}
.profileDetailArea {
clear: both;
padding: 0;
font-size: .94em;
}
.skinSubArea ul, .skinSubArea li {
margin: 0;
/*padding: 3px 0 3px 5px;*/
}
a:hover.amemberBtn.skinImgBtnS, a:hover.messageBtn.skinImgBtnS, a:hover.presentBtn.skinImgBtnS {
opacity:0.5;
}
a:hover.readerBtn.skinImgBtnS {
opacity: 0.7;
}
.profileBtnArea li {
margin: 0;
padding: 0 !important;
}
.skinSubArea ul.profileBtnArea {
  padding: 0 0 0 2px !important;
}

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

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

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


/* Facebookシェアボタンの表示ズレを修正 */
.fb-share-button {
  dislpay: block !important;
  float: left !important;
}
.fb-share-button span, .fb-share-button iframe {
  position: static !important;
  display: inline-block !important;
  vertical-align: baseline !important;
}

.skinMenu.adMenu {
  display: none;
}