/* -------------------------------------------------
/* 基本設定
------------------------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend {
margin: 0;
padding: 0;
font-style: normal;
}
body {
line-height: 1.4;
text-align:center;
vertical-align: baseline;
color: #464646;
font-size: 12px; 
font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"ＭＳ Ｐゴシック",sans-serif;
overflow-x: hidden;
}
*:first-child+html body {
font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
*+html:first-child body {
font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
img {
border: 0;
}
a img {
border: 0;
}
blockquote {
margin: 12px 0;
padding: 10px;
border: 2px dotted #D4D4D4;
}
pre {
margin: 0;
padding: 0;
}
input,
textarea {
}
p {
margin: 0;
padding: 0;
}
input, button, select, textarea {
font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
/* -------------------------------------------------
/* 全体設定
------------------------------------------------- */
.skinFrame {
padding-top: 0;
}
.skinContentsFrame {
position: relative;
background: url("https://copyself.jp/ameblo/preserved/img/bg_frame.gif") repeat-x left top #FFE9EF;
}
.skinContentsArea {
width: 1060px;
margin: 0 auto;
text-align: left;
padding-bottom: 280px;
overflow: hidden;
}
.columnC .layoutContentsA {
/*float: right;*/
/*overflow: hidden;*/
width: 860px;
}
.columnC .skinMainArea {
/*float: left;*/
width: 560px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_skinMainArea.gif") repeat-x left bottom #FFFFFF;
padding: 0 0 150px;
}
/* 右サイド */
.columnC .skinSubA {
/*float: right;*/
/*overflow: hidden;*/
width: 300px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_skinSubA.gif") repeat-x left top #FFF4F7;
padding: 5px 0 0;
font-size: 12px;
}
.skinSubA2 {
background: url("https://copyself.jp/ameblo/preserved/img/bg_skinSubA2.gif") repeat-x left bottom;
padding: 0 0 300px;
}
/* 左サイド */
.layoutContentsB {
/*float: left;*/
/*overflow: hidden;*/
width: 200px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_layoutContentsB.gif") repeat-x left top #FFE9EF;
}
.columnC .skinSubB {
width: 200px;
}
/*リンク*/
a {
color: #806c3d;
text-decoration: none;
}
a:link {
color: #806c3d;
text-decoration: none;
}
a:visited {
color: #806c3d;
text-decoration: none;
}
a:hover {
color: #ba8c07;
text-decoration: none;
}
a:active {
color: #ba8c07;
text-decoration: none;
outline:none;
}
a:focus {/* ffのlink時の点線枠を非表示、IE6/7は無効 */
outline: none; 
}
/*ヘッダー広告*/
.skinFrame .headerBnrArea {/*消去厳禁*/
display: none !important;
}
/* -------------------------------------------------
/* ヘッダー
------------------------------------------------- */
.skinHeaderArea {
width: 100%;
height: 295px;
margin: 0 0 15px;
border-top: 5px solid #ffebf2;
/*overflow: hidden;*/
}
.skinHeaderArea2 {
width: 1120px;
height: 245px;
margin: 0 auto;
text-align: left;
position: relative;
background: url("https://copyself.jp/ameblo/preserved/img/bg_headArea.png") no-repeat center bottom;
}
.skinBlogHeadingGroupArea {
padding: 0;
}
/*タイトル*/
.skinTitleArea {
position: absolute;
left: 180px;
top: 17px;
padding-bottom: 0;
font-size: 8.6px;
}
.skinTitleArea a {
display: block;
width: 230px;
height: 31px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_h1.gif") no-repeat left -31px;
text-indent: -9999px; 
}
.skinTitleArea a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/bg_h1.gif") no-repeat left top;
}
/*サブタイトル*/
.skinDescriptionArea {
position: absolute;
left: 460px;
top: 17px;
width: 492px;
height: 31px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_h2.gif") no-repeat left top;
text-indent: -9999px;
}
/*グローバルナビ*/
#gNavWrap {
position: absolute;
left: 0;
top: -55px;
width: 100%;
height: 45px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_gNaviWrap.gif") repeat-x left top #f9f7ea;
z-index:20;
overflow: visible;
margin: 0;
padding: 0;
}
#gNav {
width: 896px;
height: 45px;
margin: 0 auto;
padding: 0;
z-index: 20;
list-style: none;
overflow: visible;
}
li.nav {
float: left;
height: 45px;
margin: 0;
padding: 0;
}
li.nav > a {
height: 45px;
display: block;
text-indent: -9999px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_gNavi.gif");
margin: 0;
padding: 0;
font-size: 12px;
}
#nav1 a {
width: 68px;
background-position: 0 -45px;
}
#nav1 a:hover,#nav1.active a {
background-position: 0 0;
}
#nav2 a {
width: 113px;
background-position: -68px -45px;
}
#nav2 a:hover,#nav2.active a {
background-position: -68px 0;
}
#nav3 > a {
width: 111px;
background-position: -181px -45px;
}
#nav3 > a:hover,#nav3.active > a {
background-position: -181px 0;
}
#nav4 a {
width: 126px;
background-position: -292px -45px;
}
#nav4 a:hover,#nav4.active a {
background-position: -292px 0;
}
#nav5 a {
width: 127px;
background-position: -418px -45px;
}
#nav5 a:hover,#nav5.active a {
background-position: -418px 0;
}
#nav6 a {
width: 112px;
background-position: -545px -45px;
}
#nav6 a:hover,#nav6.active a {
background-position: -545px 0;
}
#nav7 a {
width: 125px;
background-position: -657px -45px;
}
#nav7 a:hover,#nav7.active a {
background-position: -657px 0;
}
#nav8 a {
width: 114px;
background-position: -782px -45px;
}
#nav8 a:hover,#nav8.active a {
background-position: -782px 0;
}
.navCont {
position: absolute;
top: 45px;
width: 111px;
z-index:20;
display:none;
}
.navCont .inner {
}
.navCont .inner ol {
list-style: none;
}
.navCont .inner ol li {
}
.navCont .inner ol li a {
display: block;
padding: 4px;
background-color: #f9f7ea;
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
opacity: 0.9;
filter: alpha(opacity=90);
font-size: 12px;
}
.navCont .inner ol li a:hover {
background-color: #FFFAED;
}
.clearFix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
/* -------------------------------------------------
/* メインカラム
------------------------------------------------- */
/*メッセージボード*/
.skinMessageBoard {
border: none;
}
.skinMessageBoard .skinMessageBoard3 {
padding: 0;
}
.skinMessageBoard .messageText {
width: 395px;
height: 208px;
margin: 0 auto 20px;
text-align: center;
color: #BA8C07;
line-height: 1.8;
background: url("https://copyself.jp/ameblo/preserved/img/bg_message.gif") no-repeat left top;
text-indent: -9999px;
}
.readerRequestBtn {
width: 190px;
height: 40px;
margin: 0 auto;
text-align: center;
}
.readerRequestBtn a {
display: block;
width: 190px;
height: 40px;
background: url("https://copyself.jp/ameblo/preserved/img/btn_reader.gif") no-repeat left -40px;
text-indent: -9999px;
}
.readerRequestBtn a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/btn_reader.gif") no-repeat left top;
}
/*ページ送り*/
.pagingArea {
width: 470px;
margin: 10px auto 20px;
min-height: 24px;
position: relative;
text-align: center;
font-size: 12px;
}
.skinSimpleBtn, .skinSimpleBtn:visited {
color: #806c3d;
border: 1px solid #DDDDDD;
background-color: #FFFFFF;
}
.skinSimpleBtn:hover, .skinSimpleBtn:focus {
color: #5A5A5A;
border: 1px solid #DDDDDD;
background-color: #fff1cf;
}
/*画像一覧*/
.imagelistLink {
display: none !important;
}
/*記事*/
.skinArticle {
margin:  30px 0 50px;
padding: 0 20px;
position: relative;
background: url("https://copyself.jp/ameblo/preserved/img/bg_h3_title.gif") no-repeat 25px top;
border: none;
}
/*タイトル*/
.skinArticleHeader {
margin: 0 0 5px;
padding: 5px 0 0 40px;
border: none;
}
.skinArticleHeader2 {
}
.skinArticleHeader h1 {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
}
.skinArticleHeader h1 .skinArticleTitle,
.skinArticleHeader h1 .skinArticleTitle:link,
.skinArticleHeader h1 .skinArticleTitle:visited {
color: #5a5a5a;
font-size: 16px;
}
.skinArticleHeader h1 .skinArticleTitle:hover,
.skinArticleHeader h1 .skinArticleTitle:active {
color: #806c3d;
font-size: 16px;
}
/*NEW*/
.skinStrongColor, .skinBaseStrongColor {
color: #FF6699;
}
/*メイン*/
.skinArticleBody {
line-height: 1.5;
margin: 0 0 25px;
}
.skinArticleBody2 {
margin: 0;
font-size: 13px;
line-height: 170%;
}
.articleDetailArea {
padding: 0;
margin: 0 0 30px;
position: relative;
}
.skinWeakColor, .skinBaseWeakColor {
color: #555555;
}
.articleTime {
font-size: 12px;
position: absolute;
right: 20px;
top: 0px;
}
.articleTheme {
font-size: 12px;
position: absolute;
left: 25px;
top: 2px;
}
.articleTheme a {
color: #FF6699;
}
.articleTheme a,
.articleTheme a:link,
.articleTheme a:visited {
color: #FF6699;
}
.articleTheme a:hover,
.articleTheme a:active {
color: #ba8c07;
}
.articleText {
padding: 0 20px;
text-align: center;
}
.articleText a,
.articleText a:link,
.articleText a:visited {
color: #FF6699;
}
.articleText a:hover,
.articleText a:active {
color: #ba8c07;
text-decoration: none;
}
/*見出し*/
.skinArticleBody .index {
color: #FF6699;
font-size: 15px;
font-weight: bold;
padding: 4px 2px 4px 30px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_index.gif") no-repeat left center;
}
/*画像枠線*/
.skinArticleBody img.border {
padding: 5px;
border: 1px solid #DFDFDF;
}
/*バナー*/
.bnr_offical {
}
.bnr_offical a:hover img {
-moz-opacity: 0.9;
opacity: 0.9;
filter: alpha(opacity=90);
}
a.emailaddress {
font-family: Arial,Helvetica,sans-serif;
}
.bnr_offical + p a,
.bnr_offical + p a:link,
.bnr_offical + p a:visited,
.bnr_offical + p + p a,
.bnr_offical + p + p a:link,
.bnr_offical + p + p a:visited,
.bnr_offical + p + p + p a,
.bnr_offical + p + p + p a:link,
.bnr_offical + p + p + p a:visited {
color: #ff799f;
text-decoration: none;
}
.bnr_offical + p a:hover,
.bnr_offical + p a:active,
.bnr_offical + p + p a:hover,
.bnr_offical + p + p a:active,
.bnr_offical + p + p + p a:hover,
.bnr_offical + p + p + p a:active {
color: #ba8c07;
text-decoration: none;
}
/*最新同テーマ*/
.articleThemeListArea {
margin: 25px 40px 0;
}
.articleThemeListArea .articleThemeHeading {
width: 247px;
height: 30px;
text-indent: -9999px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_h5_themeBox.gif") no-repeat left top;
}
.articleThemeListArea ul {
margin: 5px 0 0 20px
}
.articleThemeListArea ul li {
font-size: 12px;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
padding: 0 0 0 14px;
}
.articleThemeListArea ul li a {
font-size: 13px;
}
/*フッター*/
.skinArticleFooter {
border: none;
}
/*コメ＆ペタ*/
.articleLinkArea {
}
/*.articleLinkArea .commentLink {
margin: 0;
padding: 6px 0 4px 20px;
background: url("http://stat100.ameba.jp/common_style/img/common/icon/open_comment.gif") no-repeat left center;
}
.articleLinkArea .petaLink {
margin: 0;
padding: 3px 0 3px 18px;
background: url("http://stat100.ameba.jp/common_style/img/ameba/common/icons/peta_icon.gif") no-repeat left center;
}*/
/*コメント*/
.commentArea {
width: 500px;
margin: 46px auto 15px;
border: none;
}
.commentArea .commentTitleArea {
margin: 0 0 10px;
padding: 15px 0 0;
border-top: 3px double #fff0c8;
border-bottom: none;
}
.commentArea .commentTitleArea .commentOpenArea {
color: #806c3d;
margin: 10px 15px 0 0;
}
.commentArea .commentTitleArea .commentTitle {
color: #ba8c07;
font-size: 1.17em;
width: 247px;
height: 30px;
margin: 0 0 0 5px;
text-indent: -9999px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_title_comment_module.gif") no-repeat left top;
}
/*ボタン*/
.commentArea .commentBtnArea {
}
.commentArea .commentBtnArea .commentBtn {
width: 190px;
height: 40px;
margin: 0 auto;
text-indent: -9999px;
background: url("https://copyself.jp/ameblo/preserved/img/btn_comment.gif") no-repeat left -40px;
border: none;
display: block;
}
.commentArea .commentBtnArea .commentBtn:hover {
background: url("https://copyself.jp/ameblo/preserved/img/btn_comment.gif") no-repeat left top;
}
/*コメント欄*/
.commentArea .commentList {
}
.commentArea .commentList li {
border: none;
margin-bottom: 10px;
}
.commentArea .commentList li .commentHeader {
color: #806c3d;
font-size: 13px;
font-weight: bold;
margin: 0 0 5px;
}
.commentArea .commentList li .blogComment {
}
.commentArea .commentList li .ownerComment {/*オーナー*/
background-color: #fffaed;
}
.commentArea .commentList li .blogComment .commentFooter {
padding: 5px 0 0;
border-top: 1px dotted #806C3D;
}
.commentArea .commentList li .blogComment .commentFooter .commentReply {
font-size: 11px;
}
/*リンク*/
.commentArea a,
.commentArea a:visited {
color: #806c3d;
}
.commentArea a:hover,
.commentArea a:active {
color: #ba8c07;
}
/*敬称*/
a.commentAuthor:after,
span.commentAuthor:after{
content:'様';
}
a.commentAuthor[href=""]:after,
a.commentAuthor[href="http://ameblo.jp/atelier-felice/"]:after{
content:'';
}
/* -------------------------------------------------
/* 各一覧ページ
------------------------------------------------- */
/*共通*/
.tabList {
width: 540px;
margin: 15px 0 30px 10px;
}
/*タブ*/
.tabList .tabArea {
}
.tabList .tabArea .tab {
border-style: dotted;
}
.tabList .tabArea .currentTab {
}
/*記事一覧*/
.tabList .listContentsArea {
border: 1px dotted #DDDDDD;
}
.tabList .listContentsArea .entryListSortArea {
}
.tabList .listContentsArea .contentsList {
}
.tabList .listContentsArea .contentsList li {
margin: 6px 0;
padding: 2px 8px 6px;
}
.tabList .listContentsArea .contentsList li .contentTitleArea {
width: 75%;
font-size: 13px;
}
.tabList .listContentsArea .contentsList li .contentTitleArea h1 {
}
.tabList .listContentsArea .contentsList li .contentTitleArea h1 a,
.tabList .listContentsArea .contentsList li .contentTitleArea h2 a {
display: block;
}
.tabList .listContentsArea .contentsList li .contentDetailArea {
width: 25%;
font-size: 11px;
}
.tabList .listContentsArea .contentsList li .contentDetailArea .contentTime {
}
.tabList .listContentsArea .contentsList li .contentDetailArea .contentComment {
}
/*月別記事*/
.tabList .listContentsArea .archiveYearArea {
}
.tabList .listContentsArea .archiveMonthArea {
background-color: #FFFAED;
}
/*テーマ別*/
.tabList .listContentsArea .themeListArea {
background-color: #FFFAED;
}
.tabList .listContentsArea .themeListArea .themeList {
}
.tabList .listContentsArea .themeListArea .themeList li {
font-size: 12.2px;
margin: 3px 0;
}
.tabList .listContentsArea .themeListArea .themeList li a {
display: block;
}
/*テーマ別タイトル*/
.tabList .listContentsArea .themeListTitleArea .themeListTitle {
font-size: 13px;
}
.tabList .listContentsArea .themeListTitleArea .themeListTitle em {
color: #ba8c07;
}
/*リンク*/
/*タブ*基本*/
.tabList .tabArea .tab a,
.tabList .tabArea .tab a:visited  {
color: #ba8c07;
}
.tabList .tabArea .tab a:hover,
.tabList .tabArea .tab a:active {
color: #806C3D;
}
/*タブ*現在*/
.tabList .tabArea .currentTab a,
.tabList .tabArea .currentTab a:visited {
color: #806C3D;
}
.tabList .tabArea .currentTab a:hover,
.tabList .tabArea .currentTab a:active {
color: #ba8c07;
}
/*コンテンツ*/
.tabList .listContentsArea a,
.tabList .listContentsArea a:visited {
color: #806C3D;
}
.tabList .listContentsArea a:hover,
.tabList .listContentsArea a:active {
color: #ba8c07;
}
/*読者一覧／お気に入り*/
.listContentsArea {
border: none;
}
.listContentsArea .listPageTitleArea {
padding: 0 0 2px 5px !important;
}
.listContentsArea .listPageTitleArea h1 {
color: #ba8c07;
font-size: 14px;
}
.listContentsArea .listPageTitleArea h1 .listPageTitle {
}
.listContentsArea .contentsList {
}
.listContentsArea .contentsList li {
margin: 8px 0;
padding: 0 8px 8px;
}
.listContentsArea .contentsList li h2 {
margin-top: 2px;
}
/*リンク*/
.listContentsArea .contentsList li h2 a,
.listContentsArea .contentsList li h2 a:visited {
color: #806C3D;
}
.listContentsArea .contentsList li h2 a:hover,
.listContentsArea .contentsList li h2 a:active {
color: #ba8c07;
}
/*全ページ共通／ページ送り*/
.listPageArea .pagingArea {
margin: 25px auto 5px;
}
/* -------------------------------------------------
/* 右サイド
------------------------------------------------- */
.skinMenu {
background-color: transparent;
}
.skinMenuHeader {
color: #BA8C07;
font-size: 1.17em;
font-weight: bold;
background-color: transparent;
text-indent: -9999px;
padding: 0;
}
/*タイトル*/
.profileMenu .skinMenuHeader {
width: 233px;
height: 37px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/profile.png") no-repeat left top;
margin: 0 0 10px 12px;
}
.recentEntriesMenu .skinMenuHeader {
width: 233px;
height: 27px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/recent_entries.png") no-repeat left top;
margin: 0 0 6px 12px;
}
.themeMenu .skinMenuHeader {
width: 233px;
height: 41px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/theme.png") no-repeat left top;
margin: 0 0 4px 12px;
}
.readerMenu .skinMenuHeader {
width: 233px;
height: 27px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/reader.png") no-repeat left top;
margin: 0 0 8px 12px;
}
.favoriteMenu .skinMenuHeader {
width: 233px;
height: 41px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/favorite.png") no-repeat left top;
margin: 0 0 -4px 12px;
}
.archiveMenu .skinMenuHeader {
width: 233px;
height: 32px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/archives.png") no-repeat left top;
margin: 0 0 10px 12px;
}
.bookmarkMenu .skinMenuHeader {
width: 233px;
height: 32px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/bookmark.png") no-repeat left top;
margin: 0 0 4px 12px;
}
.calendarMenu .skinMenuHeader {
width: 233px;
height: 28px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/calender.png") no-repeat left top;
margin: 0 0 10px 12px;
}
.rankingMenu .skinMenuHeader {
width: 233px;
height: 41px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/ranking.png") no-repeat left top;
margin: 0 0 6px 12px;
}
.recentCommentMenu .skinMenuHeader {
width: 233px;
height: 27px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/recent_comment.png") no-repeat left top;
margin: 0 0 4px 12px;
}
.freespaceArea .skinMenuHeader {
width: 233px;
height: 41px;
background: url("https://copyself.jp/ameblo/preserved/img/bg_menu_title/information.png") no-repeat left top;
margin: 0 0 6px 12px;
}
/*ボディ*/
.skinMenuBody {
margin: 0 10px 10px;
padding: 0 10px 10px;
background-color: transparent;
}
.skinSubHr, .skinSubList li {
margin: 0;
padding: 0;
border-bottom: thin dotted #DFDCD4;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/*リスト*/
.recentEntriesMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 5px 0 5px 14px !important;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
}
.themeMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 4px 0 4px 8px !important;
}
.readerMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 6px 0 6px 14px !important;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
}
.favoriteMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 6px 0 6px 14px !important;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
}
.bookmarkMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 4px 0 4px 14px !important;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
}
.recentCommentMenu .skinSubList li {
margin: 0 0 2px !important;
padding: 4px 0 4px 14px !important;
background: url("https://copyself.jp/ameblo/preserved/img/list_check.png") no-repeat left center;
}
/*プロフィール*/
.profileBtnArea {
font-size: 11px;
}
.skinImgBtnS:hover span, .skinImgBtnS:focus span, .skinImgBtnS span {
color: #666666;
}
.profileBtnArea .skinImgBtnS:hover {
position: relative;
left: 1px;
bottom: -1px;
}
.profileBtnArea .skinImgBtnS:active {
position: relative;
bottom: -2px;
}
/*なう*/
.nowQuoteLink {
color: #FF6699 !important;
}
a:hover .nowQuoteLink {
color: #FF6699 !important;
}
/*ブログ読者*/
.readerHeader {
padding-bottom: 0;
margin: 0 0 4px 14px;
}
.readerHeader em {
font-size: 14px;
}
.readerRequestArea {
width: 190px;
margin: 10px auto 0;
}
.readerRequestBtnArea {
margin-bottom: 0;
}
.readerRequestBtnArea .skinImgBtnS{
display: block;
width: 190px;
height: 40px;
background: url("https://copyself.jp/ameblo/preserved/img/btn_reader.gif") no-repeat left -40px;
text-indent: -9999px;
}
.readerRequestBtnArea .skinImgBtnS:hover {
background: url("https://copyself.jp/ameblo/preserved/img/btn_reader.gif") no-repeat left top;
}
.readerRequestDescription {
display: none;
}
/*お気に入り*/
.favoriteMenu .skinSubList .update {
display: none;
}
/*カレンダー*/
.calendarMenu table {
font-size: 10px;
margin: 0 0 0 15px;
}
.calendarMenu caption {
font-size: 12px;
}
.calendarMenu td a {
text-decoration: underline;
}
/*アーカイブ*/
.menuSelectArea select {
width: 90%;
}
/*ランキング*/
.rankingMenu .skinMenuBody {
margin: 0 10px 0 35px;
}
.rankSubDetail {
font-size: 10px;
}
/*検索*/
.skinSubA .blogSearchForm {
width: 210px;
margin: 20px 15px;
}
.skinSubA .blogSearchBtn {
right: -30px;
}
.skinSubA .blogSearchInput {
width: 210px;
}
/*会員登録*/
.skinSubA .registArea {
display: none;
}
/*RSS*/
.skinSubA .rss {
width: 240px;
margin: 0 auto;
text-align: center;
}
/*権利*/
.rights {
margin: 0 auto;
text-align: center;
}
/*フリースペース*/
.freespaceArea {
margin: 0;
}
.freespaceArea .bnrSide {
width: 180px;
margin: 0 auto 10px;
text-align: center;
}
.freespaceArea .bnrSide li {
margin: 0 0 5px;
}
.freespaceArea .bnrSide li a:hover img {
-moz-opacity: 0.9;
opacity: 0.9;
filter: alpha(opacity=90);
}
.freespaceArea .infoSide {
width: 200px;
margin: 0 auto;
text-align: center;
}
.freespaceArea .infoSide li {
margin: 0 0 5px;
}
/* -------------------------------------------------
/* 左サイド
------------------------------------------------- */
.sideMenu {
margin: 20px 10px;
}
.sideMenu ul {
margin: 0 0 40px;
padding: 30px 0 0;
}
.sideMenu ul.course {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/bg_course.gif") no-repeat center top;
}
.sideMenu ul.link {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/bg_link.gif") no-repeat center top;
}
.sideMenu ul.lesson {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/bg_lesson.gif") no-repeat center top;
}
.sideMenu ul li {
width: 180px;
height: 49px;
margin: 0 0 5px;
text-align: center;
}
.sideMenu ul li a {
display: block;
width: 180px;
height: 49px;
text-indent: -9999px;
}
.sideMenu ul.course li.first a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_a.png") no-repeat left -49px;
}
.sideMenu ul.course li.first a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_a.png") no-repeat left top;
}
.sideMenu ul.course li.second a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_b.png") no-repeat left -49px;
}
.sideMenu ul.course li.second a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_b.png") no-repeat left top;
}
.sideMenu ul.course li.third a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_c.png") no-repeat left -49px;
}
.sideMenu ul.course li.third a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_c.png") no-repeat left top;
}
.sideMenu ul.course li.fourth a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_d.png") no-repeat left -49px;
}
.sideMenu ul.course li.fourth a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_d.png") no-repeat left top;
}
.sideMenu ul.course li.fifth a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_e.png") no-repeat left -49px;
}
.sideMenu ul.course li.fifth a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_e.png") no-repeat left top;
}
.sideMenu ul.course li.sixth a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_f.png") no-repeat left -49px;
}
.sideMenu ul.course li.sixth a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/course_f.png") no-repeat left top;
}
.sideMenu ul.link li.first a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_a.png") no-repeat left -49px;
}
.sideMenu ul.link li.first a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_a.png") no-repeat left top;
}
.sideMenu ul.link li.second a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_b.png") no-repeat left -49px;
}
.sideMenu ul.link li.second a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_b.png") no-repeat left top;
}
.sideMenu ul.link li.third a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_c.png") no-repeat left -49px;
}
.sideMenu ul.link li.third a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/link_c.png") no-repeat left top;
}
.sideMenu ul.lesson li.first a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_a.png") no-repeat left -49px;
}
.sideMenu ul.lesson li.first a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_a.png") no-repeat left top;
}
.sideMenu ul.lesson li.second a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_b.png") no-repeat left -49px;
}
.sideMenu ul.lesson li.second a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_b.png") no-repeat left top;
}
.sideMenu ul.lesson li.third a {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_c.png") no-repeat left -49px;
}
.sideMenu ul.lesson li.third a:hover {
background: url("https://copyself.jp/ameblo/preserved/img/sidemenu/lesson_c.png") no-repeat left top;
}
/* -------------------------------------------------
/* フッター
------------------------------------------------- */
.skinFooterFrame {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 260px;
border-bottom: 5px solid #C6A441;
background: url("https://copyself.jp/ameblo/preserved/img/bg_footArea.png") no-repeat center 20px #FFFFFF;
}
.skinFooterArea {
width: 1030px;
height: 260px;
margin: 0 auto;
position: relative;
background: url("https://copyself.jp/ameblo/preserved/img/bg_skinFooterArea.gif") no-repeat 960px 231px;
}
/*.skinFooterFrame .skinFooterArea ul {
list-style: none outside none;
position: absolute;
left: 135px;
top: 15px;
font-size: 13px;
}
.skinFooterFrame .skinFooterArea ul li {
display: inline;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
background: url("https://copyself.jp/ameblo/preserved/img/list_footer_navi.gif") no-repeat right center;
}
.skinFooterFrame .skinFooterArea ul li.last {
margin: 0;
padding: 0;
background: url(none);
}
.skinFooterFrame .skinFooterArea ul li a {
color: #555555;
}
.skinFooterFrame .skinFooterArea ul li a:hover {
text-decoration: underline;
}*/
.skinFooterFrame .skinFooterArea .title {
width: 209px;
position: absolute;
left: 140px;
top: 225px;
}
.skinFooterFrame .skinFooterArea .description {
width: 492px;
position: absolute;
left: 400px;
top: 224px;
}