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

 【CSS編集 目次】

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

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

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



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


　(1) 文字のスタイル


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



/* (1-1) 全体の文字
--------------------------------------------*/


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#000000;
}


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


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


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


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


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



/* (1-2) ブログタイトル文字
--------------------------------------------*/


/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-weight:bold;
font-size:2.11em;
}


/* skinDescription ブログの説明文字 */
.skinDescription{
color:#000000;
}



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

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



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

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{
border:none;
}






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


 (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:#000000 !important;
}




/* (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:#000000 !important;/* ←ボタンの文字色 */
}




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


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #FFFFFF;
background-color:#000000;
color:#FFFFFF !important;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000 !important;
}





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


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


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



/* (3-1) ボディ（全体）
--------------------------------------------*/


/* skinBody ボディ */
.skinBody{
background-color:#ffe7eb;
padding-bottom:20px;
}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{
width:980px;
margin:0 auto;
background-color:#FFFFFF;
}
.skinBody3{
}




/* (3-2) ブログヘッダー
--------------------------------------------*/


/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea {
	background:#FFFFFF;
	margin:0 auto;
}


/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
	padding:0;
	margin-bottom:15px;
}


/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
	display:block;
	text-indent:-9000em;
	outline:none;
	padding:0;
	background:url(//stat100.ameba.jp/p_skin/w_officialskin/img/header/freshidolclub.jpg) no-repeat 50% 0;
}
.skinTitleArea a {
	display:block;
	width:980px;
	height:320px;
}


/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
	text-indent:-9000em;
	height:0px;
}




/* (3-3) コンテンツエリア
--------------------------------------------*/


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

.skinContentsArea2{
color:#000000;
}



/* (3-4) メインエリア
--------------------------------------------*/


.skinMainArea{}




/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border:0;
margin: 0 auto;
padding: 0;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding: 10px;
}



/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding:0;
border:0;
margin:0 auto;
background-color: #FFFFFF;
}
.skinArticle2{}
.skinArticle3{
}


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
height: 30px;
padding:0;
margin:0 10px;
border-bottom: 1px dotted #CCCCCC;
border-left:none;
}

.skinArticleHeader h1 a:link{text-decoration:none; color:#444444}
.skinArticleHeader h1 a:visited{text-decoration:none;color:#444444;}
.skinArticleHeader h1 a:hover {text-decoration: underline;}

.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{
background-color:#FFFFFF;
}
.skinArticleBody2{
margin:0 10px;
}


/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
margin:10px 29px 0;
border-top:1px dotted #949494;
}




/* (3-7) サイドバーエリア
--------------------------------------------*/


.skinSubArea{padding: 0px 10px;} /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */

.skinSubA .rss {

}




/* (3-8) サイドバー　メニュー
--------------------------------------------*/


/* skinMenu サイドバー　メニューのエリア */
.skinMenu{
/* 注　ベースのcssに margin-bottom の記述有り */
background-color:#FFFFFF;
/* ←サイドメニューに背景を敷きたいとき */
}


.skinMenu2{}


/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
height:30px;
padding:0;
margin:0 auto;
text-indent: -9999px;
background: url(//stat100.ameba.jp/p_skin/w_officialskin/official_st_pale/img/menu_title_pnk.png) no-repeat #ffe7eb;
/* ←サイドメニューのタイトルに背景を敷きたいとき */
}

.profileMenu .skinMenuHeader{background-position: 10px 7px;}
.recentEntriesMenu .skinMenuHeader{background-position: 10px -23px;}
.themeMenu .skinMenuHeader{background-position: 10px -53px;}
.calendarMenu .skinMenuHeader{background-position: 10px -83px;}
.archiveMenu .skinMenuHeader{background-position: 10px -113px;}
.bookmarkMenu .skinMenuHeader{background-position: 10px -143px;}
.readerMenu .skinMenuHeader{background-position: 10px -173px;}
.favoriteMenu .skinMenuHeader{background-position: 10px -203px;}

.skinSubB .recentEntriesMenu .skinMenuHeader{background-position: 10px -234px;}

/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin: 0 auto;
padding: 5px;
color:#333333;
/* ←サイドメニューの本文に背景を敷きたいとき */
}




/* (3-9) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること
--------------------------------------------*/


.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border:none;
}



/* (3-10) コメント欄、記事一覧などの一覧
--------------------------------------------*/


/* 背景色 */
.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;
}




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


 (4) その他、拡張


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


/* その他、拡張があれば記述 */


body{
  min-width:0;
}

.columnC .skinMainArea {
background-color:#FFFFFF;
}

.skinFieldBlock {
background-color:#FFFFFF;
}

#ameblo {
margin:0 auto;

}

#ameblo dd{margin-left:0px;}

.skinWeakColor, .skinBaseWeakColor {
color:#000000;
}




/*****************************************
 *
 * Webフォント
 *   - 今回デザイナーからの強い要望でフェーズ1用のWebフォントを使用することになった。
 *   - 原則フェーズ1対応スキンのみで使用することになる。
 *
 *****************************************/


/* IE8対策のため分けて記述 */
@font-face {
  font-family:AmebloSymbolsPC;
  src: url(//stat100.ameba.jp/blog/font/ameblo_symbols_pc/ameblo_symbols_pc.eot);
}
@font-face {
  font-family:AmebloSymbolsPC;
  src: url(//stat100.ameba.jp/blog/font/ameblo_symbols_pc/ameblo_symbols_pc.woff) format('woff'),
  url(//stat100.ameba.jp/blog/font/ameblo_symbols_pc/ameblo_symbols_pc.ttf) format('truetype'),
  url(//stat100.ameba.jp/blog/font/ameblo_symbols_pc/ameblo_symbols_pc.svg#webfont) format('svg');
}



/*****************************************
 *
 * 共通ボタン設定
 *   - ブログナビのボタン（ブログトップ・記事一覧・画像一覧）
 *   - サイドカラムプロフィールモジュール内のボタン（読者になる・アメンバーになる・メッセージを送る・ピグでギフトを送る・ピグともになる）
 *   - サイドカラム読者一覧の読者になるボタン
 *
 *****************************************/

/* ボタンに当たっているスタイルをリセット */
.skinImgBtnS{
  height: auto;
  width: auto;
  background: transparent;
  border-radius: 0;
}

/* ボタンにマウスオーバーした時のスタイルを指定 */
.skinImgBtnS:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* ボタンの子要素に当たっているスタイルをリセット */
.skinImgBtnS:hover > span, .skinImgBtnS:focus > span, .skinImgBtnS > span{
  line-height: normal;
  height: auto;
  padding-left: 0;
  background: transparent !important;
}

.skinImgBtnS > span:before{
  margin-right: 7px;
  vertical-align: middle;
  font-family: AmebloSymbolsPC;
}




/*****************************************
 *
 * ヘッダー部分の調整
 *
 *****************************************/

/* ヘッダー画像枠に余計な空白が指定されていたのでリセット */
.skinHeaderArea{
  margin-bottom: 0;
}




/*****************************************
 *
 * コンテンツ部分の調整
 *
 *****************************************/
 
 
 .skinMainArea2 > *:last-child{
   margin-bottom: 0;  
 }

.skinContentsArea{
  padding: 60px 0;
}




/*****************************************
 *
 * メッセージボードの調整
 *
 *****************************************/

/* メッセージボード枠(外枠) */
.skinMessageBoard{
  margin-bottom: 40px;
  border-top: none; /* リセット */
  border-bottom: none; /* リセット */
}

/* メッセージボード枠(内枠)*/
.skinMessageBoard3{
  line-height: 1.5em;
  font-size: 14px;
}




/*****************************************
 *
 * ブログナビの調整
 *
 *****************************************/

/* メッセージボード枠(外枠) */
.globalLinkArea{
  position: static;
  margin: 40px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

/* skinMainArea2の先頭にブログナビが来たらmargin-topをリセット */
.skinMainArea2 > .globalLinkArea:first-child{margin-top: 0;}

/* 2カラム用 */
.columnA .globalLinkArea, .columnB .globalLinkArea{padding:20px 50px;}

/* 3カラム用 */
.columnC .globalLinkArea, .columnD .globalLinkArea, .columnE .globalLinkArea{padding:20px 14px;}

/* ブログナビ枠(1つネストした枠) */
.globalLinkArea > .globalLinkAreaInner{
  position: static;
  left: auto;
  float: none;
  padding: 0;
}

.globalLinkArea > .globalLinkAreaInner:after{
  content: "";
  clear: both;
  display: block;
  height: 0;
}

/* ブログナビリスト部分のスタイルをリセット */
.globalLinkArea > .globalLinkAreaInner > .globalLinkNavItem{
  float: left;
  left: auto;
  width: 33%;
  margin-right: 0;
}

/* ナビのテキスト部分のスタイルを調整 */
.globalLinkArea > .globalLinkAreaInner > .globalLinkNavItem > .skinImgBtnS > span{
  line-height: 1.4;
  height: auto; /* リセット */
  font-size: 14px;
  vertical-align: middle;
}
.globalLinkArea > .globalLinkAreaInner > .globalLinkNavItem > .skinImgBtnS > span:before{
  font-size: 24px;
}

/* ブログトップ部分のスタイルを調整 */
.blogTopBtn > span:before{
  content: 't';
}

/* 『記事一覧』の調整 */
.globalLinkArea > .globalLinkAreaInner > .globalLinkNavArticle{
  width: 34%;
  text-align: center;
}
.articleListBtn > span:before{
  content: "r";
}

/* 『画像一覧』の調整 */
.globalLinkArea > .globalLinkAreaInner > .globalLinkNavImgList{
  text-align: right;
}
.imageListBtn > span:before{
  content: "P";
}




/*****************************************
 *
 * ページングの調整
 *
 *****************************************/

/* ページング枠を調整 */

.largePagingArea{
  position: static; /* リセット */
  height: 50px;
  min-height: auto; /* リセット */
  width: 410px;
  margin: 40px auto;
}
.largePagingArea:after{
  content: "";
  clear: both;
  display: block;
  height: 0;
}

/* skinMainArea2の先頭にページングが来たらmargin-topをリセット */
.skinMainArea2 > .largePagingArea:first-child{
  margin-top: 0;
}

/* ページングボタンの調整 */
.largePagingArea > .skinSimpleBtn{
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  line-height: 51px;
  height: 48px;
  width: 188px;
  padding: 0;
  border: 1px solid;
  border-radius: 0;
  font-size: 14px;
}
.largePagingArea > .skinSimpleBtn:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* 矢印削除 */
.largePagingArea .pagingArrow{
  display: none;
}

/* Webフォントの設定 */
.largePagingArea > .skinSimpleBtn:before{
  position: absolute;
  top: 0;
  line-height: 52px;
  font-family: AmebloSymbolsPC;
  font-size: 12px;
}

/* ボタン（左） */
.largePagingArea > .pagingPrev{
  float: left;
}
.largePagingArea > .pagingPrev:before{
  content: '%';
  left: 10px;
}

/* ボタン（右） */
.largePagingArea > .pagingNext{
  float: right;
}
.largePagingArea > .pagingNext:before{
  content: '5';
  right: 10px;
}




/*****************************************
 *
 * サイドカラムの全体の調整
 *
 *****************************************/

/* サイドカラムモジュールを囲う要素 */
.skinMenu{
  margin: 80px 0;
}

.skinSubArea .skinMenu:first-child{
  margin-top: 0;
}

.skinSubArea > div > *:last-of-type{
  margin-bottom: 0;
}

/* モジュールヘッダーを囲う要素 */
.skinMenuHeader{
  margin-bottom: 20px;
}

/* モジュールヘッダー要素 */
.skinMenuTitle{
  font-size: 14px;
  font-weight: bold;
}

/* モジュールコンテンツを囲う要素 */
.skinMenuBody{
  margin: 0;
  padding: 0;
}


/* モジュール内のリスト要素 */
.skinSubList li{
  margin-bottom: 10px;
  border-bottom: none;
  font-size: 14px;
  line-height: 20px;
}

/* オフィシャルブロガーリボン */
.officialBloggerRibbon{
  margin-bottom: 10px;
}

/* サイドカラム内一覧を見るボタン */
.skinMenuBody .listLink{
  line-height: 40px;
  height: 38px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.skinMenuBody .listLink > a{
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  border: 1px solid;
}

.skinMenuBody .listLink > a:hover{
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70); /* for IE8 */
}

.subModule{
  margin-top: 80px;
  margin-bottom: 0;
}
.skinSubArea .subModule:first-child{
  margin-top: 0;
}

.skinSubArea > div > .mainMenu{
  margin-top: 80px;
  margin-bottom: 0;
}

/* 幅が広いサイドカラム */
.skinSubA .skinMenuBody .listLink{
  width: 198px;
}
/* 幅が狭いサイドカラム */
.skinSubB .skinMenuBody .listLink{
  width: 157px;
}




/*****************************************
 *
 * サイドカラム内読者一覧部分の調整
 *
 *****************************************/

.readerHeader{
  margin-bottom: 20px;
  padding-bottom: 0;
  font-size: 14px;
}

.readerRequestArea{
  margin-top: 30px;
}

.readerRequestBtnArea > .readerBtn{
  position: relative;
  height: 48px;
  margin: 0 auto;
  border: 1px solid;
}
/* 幅が広いサイドカラム */
.skinSubA .readerRequestBtnArea > .readerBtn{
  width: 198px;
}
/* 幅が狭いサイドカラム */
.skinSubB .readerRequestBtnArea > .readerBtn{
  width: 158px;
}

.readerRequestBtnArea > .readerBtn:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.readerRequestBtnArea > .readerBtn > span{
  line-height: 50px;
  font-size: 14px;
}

.readerRequestBtnArea > .readerBtn > span:before{
  content: "B";
  margin-right: 11px;
  font-size: 20px;
  vertical-align: middle;
}




/*****************************************
 *
 * サイドカラム内カレンダー部分の調整
 *
 *****************************************/

.skinMenu.calendarMenu .calendar table{
  line-height: 32px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
.skinMenu.calendarMenu .calendar td{
  border-top: 1px solid;
  font-size: 14px;
}

.skinSubB .skinMenu.calendarMenu .calendar table {width: 90%;}


/*****************************************
 *
 * サイドカラム内プロフィールモジュールの調整
 *
 *****************************************/

.skinMenu.profileMenu{
  font-size: 14px;
}

.skinSubB .profileUserNicknameArea{
  text-align: left;
}

.profileUserNickname{
  line-height: 24px;
  padding-bottom: 0;
  font-size: 18px;
}

.skinSubA .profileUserNickname{
  margin-top: 0;
  margin-bottom: 10px;
}

.skinSubB .profileUserNickname{
  margin-top: 10px;
  margin-bottom: 10px;
}

.profileUserNickname > em > a{
  font-weight: normal;
}

.profileBtnArea{
  text-align: center;
}

.skinSubB .profileBtnArea{
  margin: 0 auto;
  text-align: center;
}

.profileDetailArea{
  margin: 0 0 20px;
  padding: 20px 0 0;
}

.profileDetailArea > ul > li{
  line-height: 20px;
  margin-top: 12px;
}
.profileDetailArea > ul > li:first-child{
  margin-top: 0;
}
.profileBtnArea > li{
  display: block;
  margin: 3px 0 0;;
}

.skinSubB .profileBtnArea > li:first-child{
  margin-top: 0;
}

.skinSubArea .profileBtnArea{
  margin-top: 20px;
}

.profileBtnArea > li > .skinImgBtnS{
  height: 28px;
  margin: 0;
  border: 1px solid;
}

.skinSubB .profileBtnArea > li > .skinImgBtnS{
  width: 158px;
}

.skinSubA .profileBtnArea > li > .skinImgBtnS{
  width: 138px;
}

.profileBtnArea > li > .skinImgBtnS > span{
  line-height: 30px;
  vertical-align: middle;
  font-size: 12px;
}

.profileBtnArea > li > .skinImgBtnS > span:before{
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
}
.profileBtnArea > li > .readerBtn > span:before{
  content: "b";
}

.profileBtnArea > li > .amemberBtn > span:before{
  content: "j";
}

.profileBtnArea > li > .messageBtn > span:before{
  content: "l";
}

.profileBtnArea > li > .presentBtn > span:before{
  content: "`";
}

.profileBtnArea > li > .presentBtn2 > span:before{
  content: "{";
}

.profileUserNicknameArea div:last-child{
  margin-top:2px;
}



/*****************************************
 *
 * サイドカラム内検索ボックスの調整
 *
 *****************************************/


.subModule.blogSearchForm{
  width: 100%;
  margin: 80px auto 0;
}

.subModule.blogSearchForm > .blogSearchForm{
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
}

.blogSearchForm > .blogSearchInput{
  box-sizing: border-box;
  width: 99%;
}





/*****************************************
 *
 * 記事枠のレイアウト調整
 *
 *****************************************/

.skinArticle{
  margin: 0 0 40px;
}




/*****************************************
 *
 * 記事タイトル・テーマ部分の調整
 *
 *****************************************/

.skinArticleTitle,
.skinArticleTitle:link,
.skinArticleTitle:visited,
.skinArticleTitle:focus,
.skinArticleTitle:active,
.skinArticleTitle:hover{
  font-size: 27px;
  font-weight: bold;
}

.articleDetailArea{
  padding-bottom: 30px;
}




/*****************************************
 *
 * 一覧ページ系のタブの調整
 *
 *****************************************/

.tab{
  min-width: 120px;
}

.listContentsArea > .pagingArea{
  margin-bottom: 20px;
}


/*****************************************
 *
 * 記事下読者モジュールの調整
 *
 *****************************************/

#readerLeadModImg > img{
  height: 58px;
  width: 58px;
  border: 1px solid #DDD;
}

.readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a{
  display: inline-block;
  line-height: 25px;
  height: 25px;
  width: 118px;
  padding: 0;
  border-radius: 0;
  border: 1px solid;
  vertical-align: middle;
  font-size: 12px;
}
.readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70); /* for IE8 */
}

.readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:before{
  content: "b";
  line-height: 26px;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 14px;
  font-family: AmebloSymbolsPC;
}

.readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a > i{
  display: none;
}




/*****************************************
 *
 * 最近の画像付き記事モジュールの調整
 *
 *****************************************/

img.articleImage{
  padding: 0;
}


/*****************************************
 *
 * その他
 *
 *****************************************/


/* サイドカラム下オフィシャル用モジュール */

#ameblo{
  margin: 80px 0 0 0;
}

.skinSubArea .rss{
  margin: 10px 0 80px 0;
  padding: 0;
}















/*****************ここから下を修正************************/



/*****************************************
 *
 * デザイン刷新用の配色
 *  -PSDのカラーガイドと同じ名前でコメントしてあります。
 *  -カラーガイドに指定の色がなかった場合は、レイヤーのディレクトリ名ともおなじになっているので
 *  -ディレクトリに当たっているレイヤー効果を見て下さい。
 *  -枠線の色指定がない場合は背景と同じ色を指定してください。
 *
 *****************************************/

/* Main_text_color */
.skinTextColor, .skinBaseTextColor, .skinBlock, body{
  color: #333333;
}

/* Side_main_text_color */
.skinSubArea, .skinSubArea:hover, .skinSubArea:focus, .skinSubArea:visited{
  color: #666666;
}

/* Weak_text_color （日付など）*/
.skinWeakColor, .skinBaseWeakColor{
  color: #999999;
}

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

/* Link_text_color */
.skinAnchorColor, .skinBaseAnchorColor, .skinBlock a, a{
  color: #f46e97;
}

/* Side_link_text_color */
.skinSubArea .skinAnchorColor, .skinSubArea .skinBaseAnchorColor, .skinSubArea .skinBlock a, .skinSubArea a{
  color: #f46e97;
}

/* Module_title_color */
.skinMenuTitle, .skinMenuTitle:hover, .skinMenuTitle:focus, .skinMenuTitle:visited{
  color: #444444;
}

/* Subject_title_color */
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited{
  color: #444444;
}

/* DokusyaButton_text_color */
.readerRequestBtnArea > .readerBtn:hover > span, .readerRequestBtnArea > .readerBtn:focus > span, .readerRequestBtnArea > .readerBtn:active > span, .readerRequestBtnArea > .readerBtn:visited > span, .readerRequestBtnArea > .readerBtn > span,
.readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:hover, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:focus, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:active, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:visited, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a{
  color: #ffffff !important;
}

/* DokusyaButton_line_color */
.readerRequestBtnArea > .readerBtn, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a{
  border-color: #ffffff;
}

/* DokusyaButton_base_color */
.readerRequestBtnArea > .readerBtn, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a, .readerLeadMod .readerLeadModCnt dl .readerLeadModRegistBtn > a:hover{
  background-color: #f46e97;
}

/* PaginationButton_text_color */
.largePagingArea > .skinSimpleBtn, .largePagingArea > .skinSimpleBtn:visited, .largePagingArea > .skinSimpleBtn:focus{
  color: #ffffff !important;
}

/* PaginationButton_line_color */
.largePagingArea > .skinSimpleBtn{
  border-color: #ffffff;
}

/* PaginationButton_base_color */
.largePagingArea > .skinSimpleBtn{
  background-color: #f6a4bd;
}

/* Button_text_color */
.skinMenuBody .listLink > a, .skinMenuBody .listLink > a:visited, .profileBtnArea > li > .skinImgBtnS, .profileBtnArea > li > .skinImgBtnS:visited{
  color: #f46e97;
}

/* Button_line_color */
.skinMenuBody .listLink > a, .profileBtnArea > li > .skinImgBtnS{
  border-color: #d8d8d8;
}

/* Button_base_color */
.skinMenuBody .listLink > a{
  background-color: transparent;
}

/* ProfileButton_text_color */
.profileBtnArea > li > .skinImgBtnS > span, .profileBtnArea > li > .skinImgBtnS:visited > span{
  color: #999999 !important;
}

/* ProfileButton_icon_color */
.profileBtnArea > li > .skinImgBtnS > span:before, .profileBtnArea > li > .skinImgBtnS:visited > span:before{
  color: #999999;
}

/* ProfileButton_base_color */
.profileBtnArea > li > .skinImgBtnS{
  background-color: #f0f0f0;
}

/* ProfileButton_line_color */
.profileBtnArea > li > .skinImgBtnS{
  border-color:  transparent;
}


/* Navi_text_color */
.globalLinkNavItem > .skinImgBtnS:hover > span, .globalLinkNavItem > .skinImgBtnS:focus > span, .globalLinkNavItem > .skinImgBtnS:active > span, .globalLinkNavItem > .skinImgBtnS:visited > span, .globalLinkNavItem > .skinImgBtnS > span{
  color: #666666 !important;
}

/* Navi_icon_color */
.globalLinkNavItem > .skinImgBtnS:hover > span:before, .globalLinkNavItem > .skinImgBtnS:focus > span:before, .globalLinkNavItem > .skinImgBtnS:active > span:before, .globalLinkNavItem > .skinImgBtnS:visited > span:before, .globalLinkNavItem > .skinImgBtnS > span:before{
  color: #aaaaaa !important;
}

/* Navi_line_color */
.globalLinkArea{
  border-color: #cccccc !important;
}

/* Side_line_color */
.skinMenu.calendarMenu .calendar td{
  border-color: #f3f3f3;
}

/* Main_back_color */
/* 色指定や背景画像指定がある場合はこちらで定義してください。 */
.skinContentsArea{
  background-color: #ffffff;
}

/* Side_back_color (ブログ全体に引かれる背景) */
/* 色指定や背景画像指定がある場合はこちらで定義してください。 */
.skinBody{
  background-color: #ffffff;
}










/*****************************************
 *
 * デザイン刷新用のその他調整
 *
 *   コンテンツ幅や枠線に画像が使用される等スキン毎に変更がありますので
 *   適宜調整してください。
 *   （ヘッダーの指定やコンテンツの枠線、アイコンカラー等）
 *
 *   スタイルを当てるときはなるべくskin～のクラスを指定
 *   するようにして下さい。
 *
 *   刷新で必要無くなった余分な指定（空白等）もありますので
 *   それもここで上書いて調整してください。
 *
 *****************************************/

/* 以下スタイルを記述 */



.skinBlogHeadingGroupArea{
  margin-bottom:0;
}

.columnC .layoutContentsA{
  width: 775px;
}

.columnC .skinSubA{
  width: 300px;
}

.columnC .skinMainArea{
  width: 450px;

}

.columnC .layoutContentsB{
  width: 180px;
}

.skinSubA .profileUserNicknameArea{
  width: 180px;
}

.skinArticleFooter{
  border-top:none;
}


.skinArticleHeader{
  height:auto;
  padding:0;
  margin:0;
  border-bottom:none;
  border-left:none;
}

.skinArticleBody2{
	margin:0;
}

/*サイドメニューのヘッダー*/


.skinMenuHeader {
  /*margin-bottom: -4px;*/
  /*background: transparent;*/
}
.skinMenuBody,#ameblo,.skinSubArea .rss{
  padding: 0 0 0 3px;
}


/*サイドメニューのヘッダー*/

.skinMessageBoard3{
  padding:0;
}

.pagingAreaa:hover{
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70); /* for IE8 */
}



.skinBody{
  padding-bottom:0px;
}

.columnB .skinMainArea {
 width: 620px;
}

.skinMainArea {
  padding:0px 20px;
}

.columnC .skinMainArea {
  width: 410px;
}