@charset "utf-8";
/********************************************************************
  
  
  for http://ameblo.jp/deborder-nailsalon/
  
  
 ********************************************************************/

/***********************************************************
  基本フォント
***********************************************************/

body, input, button, select, textarea {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka ,sans-serif;
  font-size: 12px;
}

/*記事本文*/
.articleText {
  font-size: 14px;
}

/***********************************************************
  アンカータグの設定
***********************************************************/

/* 全体 */
a, a:visited, a:focus,
.skinBlock a, .skinBlock a:visited, .skinBlock a:focus,
.skinAnchorColor, .skinBaseAnchorColor {
 color: #FF3366;
  text-decoration: none;
}
a:hover,
.skinBlock a:hover,
.skinAnchorHoverColor, .skinBaseAnchorHoverColor {
  color: #FF3366;
  text-decoration: underline;
}

/* メッセージボード、記事本文、フリースペース */
.skinMessageBoard a, .skinMessageBoard a:visited, .skinMessageBoard a:focus,
.articleText a, .articleText a:visited, .articleText a:focus,
.freepaceArea a, .freepaceArea a:visited, .freepaceArea a:focus {
  color: #FF3366;
  text-decoration: none;
}
.skinMessageBoard a:hover, .articleText a:hover, .freepaceArea a:hover {
  color: #FF3366;
  text-decoration: underline;
}

/* 記事本文 */
.skinArticleHeader h1:first-letter{
  font-size: 125%;
}
.skinArticleTitle, .skinArticleTitle:visited, .skinArticleTitle:focus {
    color: #FF3366;
    text-decoration: none;
}
.skinArticleTitle:hover {
    color: #FF3366;
    text-decoration: underline;
}

/* ページ切り替えボタン */
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:focus {
    color: #FF3366;
    text-decoration: none;
}
.skinSimpleBtn:hover {
    color: #FF3366;
    text-decoration: underline;
}

/********************************************************************
  基本レイアウト調整
  全体幅 900px / メイン 410px / 両サイド 200px
 ********************************************************************/
/* ヘッダー部 */
.skinHeaderArea{
  margin:0 auto;
  padding:0;
  width:900px;
}

/* コンテンツ部 */
.skinContentsArea{
  position:relative;
  margin:0 auto;
  width:898px;
  border: 1px solid #CCCCCC;
  border-width: 0 1px;
}

/* メイン+左サイド */
.layoutContentsA{
  width:680px !important;
}

/* メイン */
.skinMainArea{
  margin:0;
  padding:0;
  width:460px !important;
}

/* 左サイド */
.skinSubA{
  margin:0 10px 0 0;
  padding:0;
  width:200px !important;
}

/* 右サイド */
.skinSubB{
  margin:0 0 0 10px;
  padding:0;
  width:200px !important;
}

/* ページナビレイアウト調整 */
.pagingArea{
  width:410px;
}
.pagingPrev{
  right:250px;
}
.pagingNext{
  left:250px;
}

/* プロフィール部レイアウト調整 */
.skinSubA .userProfileImageArea, .skinSubB .userProfileImageArea{
  margin:0 auto;
  width:152px;
  height:152px;
  float:none;
  background-color:transparent;
}
.skinSubA .userProfileImage, .skinSubB .userProfileImage{
  width:150px;
  height:150px;
  background-color:transparent;
  border:none;
}
.skinSubA .userProfileImage img, .skinSubB .userProfileImage img{
  width:150px;
  height:150px;
}
.skinSubA .profileUserNicknameArea, .skinSubB .profileUserNicknameArea{
  padding:0;
  width:auto;
  text-align:center;
}
.skinSubA .profileBtnArea, .skinSubB .profileBtnArea{
  margin-left:16px;
}
.skinImgBtnS{
  background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png);
}

/* ブログ検索レイアウト調整 */
.blogSearchForm{
  width:200px !important;
}
.blogSearchInput{
  width:167px !important;
}
/********************************************************************/

/********************************************************************
  背景カスタマイズ
 ********************************************************************/
.skinBody{
  background-image:url();
  background-repeat:repeat;
}

.skinContentsArea{
  background-color:#ffffff;
}

/********************************************************************
  ヘッダー部カスタマイズ
 ********************************************************************/
.skinHeaderArea{
  height:300px;
  background-image:url(//stat.blogskin.ameba.jp/blogskin_images/20160410/14/a6/1z/j/o09800300deborder-nailsalon1460267449781.jpg);
  background-repeat:no-repeat;
  background-position:center top;
}

.skinBlogHeadingGroupArea{
  margin:0;
  padding:0;
}

.skinTitleArea{
  margin:0;
  padding:0;
}

.skinTitle{
  display:block;
  height:300px;
  text-indent:-9999px;
  outline:none;
}

.skinDescriptionArea{
  display:none;
}
/********************************************************************/

/********************************************************************
  ヘッダー下にグローバルナビ(グローバルメニュー)を設置する
 ********************************************************************/
/* ▼▼▼ 変更しない */
#headerMenu{
  position:absolute;
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
}
/* ▲▲▲ 変更しない */
/* ▼▼▼ 位置・サイズ調整 */
.skinContentsArea{
  padding-top:48px;             /* メニュー設置用スペース */
}
#headerMenu{
  top:-1px;                      /* 上下位置調整 */
  left:-1px;                     /* 左右位置調整 */
  width:900px;                  /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
  width:180px;                  /* ボタンの幅 */
  line-height:40px;             /* ボタンの高さ */
  font-size:12px;               /* ボタンの文字サイズ */
}
/*▲▲▲ 位置・サイズ調整 */
/*▼▼▼ 色・文字装飾・背景など */
#headerMenu ul.menu li a{       /* 通常時 */
  color:#666666;                /* 文字色(グレー) */
  font-weight:normal;           /* 太字(なし) */
  text-decoration:none;         /* 下線(なし) */
  text-indent:-9999px;          /* 文字非表示 */
  background-color:transparent; /* 背景色(透明) */
  background-image:url(//stat.blogskin.ameba.jp/blogskin_images/20140127/12/44/22/p/o09000080deborder-nailsalon1390794500007.png);
  background-repeat:no-repeat;  /* 背景画像繰り返しなし */
}
/* メニュー1 */
#headerMenu ul.menu li.menu1 a{
  background-position:0px -40px;
}
/* メニュー1(オンマウス) */
#headerMenu ul.menu li.menu1 a:hover{
  background-position:0px 0px;
}
/* メニュー2 */
#headerMenu ul.menu li.menu2 a{
  background-position:-180px -40px;
}
/* メニュー2(オンマウス) */
#headerMenu ul.menu li.menu2 a:hover{
  background-position:-180px 0px;
}
/* メニュー3 */
#headerMenu ul.menu li.menu3 a{
  background-position:-360px -40px;
}
/* メニュー3(オンマウス) */
#headerMenu ul.menu li.menu3 a:hover{
  background-position:-360px 0px;
}
/* メニュー4 */
#headerMenu ul.menu li.menu4 a{
  background-position:-540px -40px;
}
/* メニュー4(オンマウス) */
#headerMenu ul.menu li.menu4 a:hover{
  background-position:-540px 0px;
}
/* メニュー5 */
#headerMenu ul.menu li.menu5 a{
  background-position:-720px -40px;
}
/* メニュー5(オンマウス) */
#headerMenu ul.menu li.menu5 a:hover{
  background-position:-720px 0px;
}
/*▲▲▲ 色・文字装飾・背景など */
/********************************************************************/

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

/* フリースペースの上下に隙間を作らない */
.freespaceArea{
  margin:0 auto;
}

/* 広告なしの場合の表示確認 */
/*
div.headerBnrArea,div.centerTextLink,div.subAdBannerArea{
  position:absolute !important;
  top:-9999px;
}
*/
.headerBnrArea { 
  padding: 0; 
}