/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
@charset "utf-8";*/
/*
-----------------------------------------------------
ameblo CSS Skin Settings
Skin for  : http://ameblo.jp/kotoriacce
Copyright (C) monographic All rights reserved.
Author:Mariko Seto
Date:2017.1.23
-----------------------------------------------------
*/


/*++++++++++++++++++++++++++++++++++++++++
スタイルリセット
++++++++++++++++++++++++++++++++++++++++*/
body {
  margin    :0px;
  padding   :0px;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, pre, blockquote, th, td {
  margin    :0px;
  padding   :0px;
}
h1, h2, h3, h4, h5, h6 {
  font-size :100%;
  font-weight :normal;
}
img {
  border    :0;
}
address, th {
  font-style  :normal;
  font-weight :normal;
}
table {
  border-collapse :collapse;
  border-spacing  :0;
  font-size :100%;
}
th {
  white-space :nowrap;
  text-align  :left;
}
pre {
  font-family :monospace;
}
textarea {
  font-size :100%;
}
ol, ul {
  list-style-type :none;
}
q:before, q:after {
  content   :'';  
}
form, input, label, select, textarea {
  margin    :0px;
  padding   :0px;
  font-size :100%;
  vertical-align  :baseline;
}



/*++++++++++++++++++++++++++++++++++++++++
背景
++++++++++++++++++++++++++++++++++++++++*/
/* ■ 背景 ■ */
html, body {
  background-color : #fff; /* 全体の背景色 */
 width : 100%;
min-width : 1120px ;
}



/*++++++++++++++++++++++++++++++++++++++++
文字サイズ・行間
++++++++++++++++++++++++++++++++++++++++*/
/* ■文字サイズ■ */
body {
  font-size :12px !important; 
}
*:first-child+html body {font-size:62.5%;} /* IE7 */
html>/**/body body {font-size:62.5%;} /* IE8 */


/* ■行間■ */
body {
  line-height :1.5;
}

/* 記事の行間 */
.skinArticleBody2 {
  line-height :1.5;
}



/*++++++++++++++++++++++++++++++++++++++++
文字色・リンク
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体の文字色■ */
body {
  color   :#333333; /* 文字色 */
}


/* ■全体のリンク■ */
/* リンク */
a {
  color   :#333333; /* 文字色 */
  text-decoration :none; /* 文字の装飾 */
}

/* 訪問済みリンク */
a:visited {
  color   :#333333; /* 文字色 */
  text-decoration :none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
a:hover {
  color   :#666666; /* 文字色 */
  text-decoration :none; /* 文字の装飾 */
}


/* ■サイドのリンク■ */
/* リンク */
.columnC .skinSubA a ,
.columnC .layoutContentsB a {
  text-decoration :none; /* 文字の装飾 */
}

/* 訪問済みリンク */
.columnC .skinSubA a:visited ,
.columnC .layoutContentsB a:visited {
  text-decoration :none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
.columnC .skinSubA a:hover ,
.columnC .layoutContentsB a:hover {
  text-decoration :underline; /* 文字の装飾 */
}



/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■ 全体幅 ■ */
.skinFrame {
  position  :relative;
 width   :100%; /* ヘッダ画像の幅 */
  margin    :0px auto 0px auto;
  padding   :0px; /* 背景画像との左スペース */
/* ■ ヘッダーエリア下の背景画像 ■ */
 width : 100%;
min-width : 980px ;
}

/* ■記事カラム＋右サイドカラム■ */
.columnC .layoutContentsA {}

/* ■記事カラム■ */
.columnC .skinMainArea {}

/* ■左サイドカラム■ */
.columnC .layoutContentsB {}

/* ■右サイドカラム■ */
.columnC .skinSubA {}



/*++++++++++++++++++++++++++++++++++++++++
ヘッダ
++++++++++++++++++++++++++++++++++++++++*/
.skinHeaderFrame {
height : 535px ; 
}
/* ■+++ ヘッダ部分の背景画像 +++■ */
header { 
 width : 100%;
 min-width : 980px; 
}
/* ■+++ ヘッダ画像 +++■ */
.skinHeaderArea {
 width : 980px ;
 height : 535px ;
 }

/* ヘッダ画像のリンク */
.skinHeaderFrame h1.skinTitleArea a {
  display   :block;
 height : 450px ;
}

/* ■ブログタイトル■ */
.skinHeaderFrame h1.skinTitleArea {
  background  :url(//stat.blogskin.ameba.jp/blogskin_images/20170404/06/98/ff/p/o09800450kotoriacce1491254461076.png); /* ヘッダ画像 */
  background-repeat:no-repeat; /* ヘッダ画像のリピートなし */
  height    :450px; /* ヘッダ画像の高さ */
 width : 100% ;
min-width : 980px ;
  margin-top : 95px ;
   display   :block;
 text-indent : -9999px ;

}
/* ■ブログ説明■ */
.skinBlogHeadingGroupArea {
 padding : 0px;
}
.skinDescriptionArea {
}
.skinHeaderFrame h2.skinDescriptionArea {
  display: none;
}
.skinDescriptionArea {
 text-indent : -9999px ;
}
/* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

      ■ヘッダメニュー（フリースペース使用）■

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */
#gnavArea {
  width : 100%;
  clear : both;
  position  :absolute;
  top   : 15px; /* .skinFrameを基準とした上からの距離 */
  left : 0px;/* .skinFrameを基準とした上からの距離 */
}
ul#gnavi {
  width   :980px; /* ヘッダメニューの幅 */
  height : 75px ;
  margin :0 auto;
}
ul#gnavi li {
  float   :left;
  text-align  :center; /* 文字揃え */
}
ul#gnavi li a {
  display   :block;
}

/* ヘッダメニューのリンク文字 */
ul#gnavi li a span {
  display   :block;
 text-indent :  -9999px;

}

/* ＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
　
　　ヘッダメニューの画像設定

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊ */
/* ヘッダメニュー1 コンセプト*/
ul#gnavi li.menu1 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/ee/53/p/o0163015013905619051.png) no-repeat;
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 163px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu1 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}

/* ヘッダメニュー2 作品紹介*/
ul#gnavi li.menu2 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/87/ab/p/o0164015013905619052.png) no-repeat;
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 164px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu2 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}

/* ヘッダメニュー3 オーダーメイド */
ul#gnavi li.menu3 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/e1/99/p/o0163015013905619054.png) no-repeat;
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 163px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu3 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}

/* ヘッダメニュー4 お客様の声 */
ul#gnavi li.menu4 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/77/33/p/o0164015013905619056.png
);
           background-repeat:no-repeat; /* 画像のリピート- なし */
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 164px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu4 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}

/* ヘッダメニュー5 講座ご案内 */
ul#gnavi li.menu5 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/55/7e/p/o0163015013905619055.png);
           background-repeat:no-repeat; /* 画像のリピート- なし */
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 163px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu5 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}

/* ヘッダメニュー6 */
ul#gnavi li.menu6 a {
           background :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/f0/a9/p/o0163015013905619058.png);
           background-repeat:no-repeat; /* 画像のリピート- なし */
  background-position:0px 0px; /* 左 上 からの位置 */
           width: 163px;
           height: 75px;
}
/* マウスオーバーリンク */
ul#gnavi li.menu6 a:hover {
  background-position:0px -75px; /* 左 上 からの位置 */
}


/*++++++++++++++++++++++++++++++++++++++++
メインカラム
++++++++++++++++++++++++++++++++++++++++*/
.skinMainArea{
          padding-top: 60px;
}

/* ■メッセージボード■ */
.skinMessageBoard {
  margin    :0px 0px 30px 0px;
    border-radius: 12px 12px 12px 12px; /* 記事エリアの外線の角丸 */
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 1px solid #4dcad4; /* 記事エリアの線の色 */
}
.skinMessageBoard2 {}
.skinMessageBoard3 {
  padding   :10px;
}


/* ■＋＋＋ 記事エリア全体 ＋＋＋■ */
.skinArticle {
/* 注 ベースのcssに margin-bottom の記述有り */
  position  :relative;
  margin    :50px 0px 50px 0px;
  padding:16px 0;
  border-radius: 12px 12px 12px 12px; /* 記事エリアの外線の角丸 */
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 1px solid #4dcad4; /* 記事エリアの線の色 */
}
.skinArticle2 {}
.skinArticle3 {}


/* ■記事ヘッダ■ */
.articleDetailArea {}

/* 日付 */
span.articleTime {
  position  :absolute;
  left    :30px;
  top   :103px;
 font-size : 85%;
}
/* テーマ */
span.articleTheme {
  position  :absolute;
  left   :30px;
  top   :120px;
 font-size : 85%;
}
/* 投稿者の表示 */
span.articleName {
  position  :absolute;
  left    :0px;
  top   :-20px;
  padding-left  :180px;
}


/* ■＋＋＋ 記事タイトル ＋＋＋■ */
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader {
  margin:0px 10px;
  padding:15px 0px 20px 80px;
  border-bottom:1px solid #4dcad4;
  background : url(//stat.blogskin.ameba.jp/blogskin_images/20170404/04/c2/yp/p/o00750065kotoriacce1491249151705.png
) no-repeat;/* 記事タイトルの背景画像*/
 border-left : none;
}

/* 記事タイトルの文字スタイル */
.skinArticleHeader2 {
  font-weight :bold; /* 文字の太さ */
  font-size :100%; /* 文字の太さ */
}

/* リンク */
.skinArticleHeader2 h1 a {
  text-decoration :none; /* 文字の装飾 */
  color   :#65C3DB; /*記事タイトル文字のカラー*/ 
}

/* 訪問済みリンク */
.skinArticleHeader2 h1 a:visited {
  text-decoration :none; /* 文字の装飾 */
  color   :#65C3DB; /* 文字色 */
}

/* マウスオーバーリンク */
.skinArticleHeader2 h1 a:hover {
  text-decoration :underline; /* 文字の装飾 */
  color   :#add8e6; /* 文字色 */
}

/* ■＋＋＋ 記事本文 ＋＋＋■ */
/* skinArticleBody 記事本文エリア */
.skinArticleBody{
font-size : 105%;
}
.skinArticleBody2{
margin:40px 15px;
}
.articleText p {
font-size : 105%;
}/* 記事本文文字の大きさ */



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


/* ■ページ送りリンク■ */
.pagingArea {
  margin    :16px auto;
  min-height  :24px;
  position  :relative;
  text-align  :center;
}

/* ボタン */
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
  border    :1px solid #dddddd; /* 線 */
  background  :#ffffff; /* 背景 */
  color   :#0066cc !important; /* 文字色 */
}

/* ボタンのマウスオーバーリンク */
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
  background  :#f7f7f7; /* 背景 */
}


/* ■コメントエリア、トラックバックエリア■ */
/* 枠線（共通） */
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock {
  border-color  :#dddddd; /* 線色 */
}

/* 枠内（共通） */
.skinBgColor,
.skinBaseBgColor,
.skinBlock {
  background-color:#ffffff; /* 背景 */
}

/* コメントエリア */
.commentArea {
  border-style  :solid; /* 線種 */
  border-width  :1px; /* 線幅 */
  margin-top  :30px;
  overflow  :hidden;
  padding   :12px 14px 12px 14px;
}

/* トラックバックエリア */
.trackbackArea {
  border-style  :solid; /* 線種 */
  border-width  :1px; /* 線幅 */
  margin-top  :30px;
  padding   :10px 14px 10px 14px;
}



/*++++++++++++++++++++++++++++++++++++++++
サイドカラム
++++++++++++++++++++++++++++++++++++++++*/

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

.skinSubArea{
    margin-top : 40px;
  } /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */





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


/* skinMenu サイドバー メニューのエリア */
.skinMenu{
/* 注 ベースのcssに margin-bottom の記述有り */
background:#fff;/* ←サイドメニューに背景を敷きたいとき */
color : #4dcad4; /* ←サイドタイトルの文字カラー */
border: none; /* サイドエリアの線の色 */
padding :0px ;
}
.skinMenu2{}
.subModule {
 margin : 0px ;
}

/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
padding-left: 5px;
margin : 2px 5px 0px 5px;
background:url() no-repeat;/* ←サイドメニューのタイトル背景 */
text-indent : -9999px;
}


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:5px 10px 10px 10px;
padding:2px 10px 10px 10px;
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */
font-size : 110%;
display : block ;
margin-bottom : 10px;
color : #555 ;
}

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

.skinSubHr,
.skinSubList li{
margin-bottom:10px;
padding-bottom:10px;
}
.skinSubList li a {
color : #666;
}
.skinSubList li a:hover {
color : #add8e6;
}
.skinSubList li a:visited {
color : #666;
}


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

/* 「一覧を見る」リンク */
.listLink {
  padding-top :6px;
  text-align  :right;
}
.listLink a {
color : #666;
}
.listLink a:hover {
color : #add8e6;
}
.listLink a:visited {
color : #666;
}

/* ■プロフィール■ */
.profileMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/c6/7b/j/o0252004613905619034.jpg) no-repeat;
  height: 46px;
}

/* ■最近の記事■ */
.recentEntriesMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/51/df/j/o0252004513905619039.jpg) no-repeat;
  height: 45px;
}



/* ■最近のコメント■ */
.recentCommentMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/56/ed/j/o0252004513905619043.jpg) no-repeat;
  height: 45px;
}


/* ■テーマ一覧■ */
.themeMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/ef/e4/j/o0252004613905619036.jpg) no-repeat;
  height: 46px;
}

/* ■過去の記事■ */
.archiveMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/7a/02/j/o0252004613905619047.jpg) no-repeat;
  height: 46px;
}


/* ■カレンダー■ */
.calendarMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/5a/51/j/o0252004613905619049.jpg) no-repeat;
  height: 46px;
}
.calendarMenu .calendar table {
  width   :100%;
  line-height :1.4;
}
.calendarMenu caption {
  font-weight :bold;
  padding-bottom  :6px;
}
.calendarMenu caption a {
}
.calendarMenu .calendar th,
.calendarMenu .calendar td {
  padding   :2px 0px;
  text-align  :center;
}


/* ■アメブロランキング■ */
.rankingMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/05/kotoriacce/9d/df/j/o0252004613905623446.jpg) no-repeat;
  height: 46px;
}



/* ■ブックマーク■ */
.bookmarkMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/e0/c9/j/o0252004613905619038.jpg) no-repeat;
  height: 46px;
}
.bookmarkMenu ul.skinSubList li {
  background  :; /* リストアイコン画像 */
  background-repeat:no-repeat; /* 画像のリピート */
  background-position:0px 3px; /* 画像のスタート位置 */
  padding-left  :14px;
}


/* ■お気に入りブログ■ */
.favoriteMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/6a/58/j/o0252004513905619040.jpg) no-repeat;
  height: 46px;
}


/* ■ブログ内検索■ */
.blogSearchForm {
  margin    :20px 0px;
  position  :relative;
}

/* ■読者■ */
.readerMenu .skinMenuHeader {
  background  :url(https://stat.ameba.jp/user_images/20170404/04/kotoriacce/55/61/j/o0252004613905619048.jpg) no-repeat ;
  height: 35px;
}


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


 (2) ボタンのスタイル
 ※ボタンの背景画像や文字の色などを指定


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


/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(https://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}


/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#333333 !important;
}




/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background-image:url(https://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(https://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);
color:#333333 !important;/* ←ボタンの文字色 */
}




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


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #dddddd;
background:#ffffff;
color:#0066cc !important;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#f7f7f7;
}






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

  その他追加タグなど

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


/*++++++++++++++++++++++++++++++++++++++++
　■■■フリースペース■■■
++++++++++++++++++++++++++++++++++++++++*/

/*■■■＋＋＋ バナー ＋＋＋■■■*/
li.bnr01 a {
background :url(//stat.blogskin.ameba.jp/blogskin_images/20170404/04/c7/lW/p/o02900285kotoriacce1491249137077.png);
display: block;
width: 290px;
height: 285px;
margin-bottom:35px;
text-indent: -9999px;
}
/*マウスオーバー設定*/
li.bnr01  a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
li.bnr02 a {
background :url(//stat.blogskin.ameba.jp/blogskin_images/20170404/04/fe/Oc/p/o02900055kotoriacce1491249164059.png);
display: block;
width: 290px;
height: 55px;
margin-bottom:  5px;
text-indent: -9999px;
}
/*マウスオーバー設定*/
li.bnr02  a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*バナーの文字を見えなくする*/
li.hp_link  a span {
display: block;
text-indent: -9999px;}

/*++++++++++++++++++++++++++++++++++++++++
  ■■■メッセージボード■■■
++++++++++++++++++++++++++++++++++++++++*/
.skinMessageBoard3 {
}

.skinMessageBoard {
}