@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++
スタイルリセット
++++++++++++++++++++++++++++++++++++++++*/
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 {       
background	          : #fff; /* ★☆全体の背景色☆★ */
background-image:url();
background-repeat           :no-repeat ;
background-position    : left bottom;
background-attachment:fixed;
 }/*★☆ ←ブログ全体の背景のトップにイメージをヨコ繰り返しで配置します☆★ */



/*++++++++++++++++++++++++++++++++++++++++
文字サイズ・行間
++++++++++++++++++++++++++++++++++++++++*/
/* ■文字サイズ■ */
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		:#db7093; /* ★☆通常の文字色☆★ */

}


/* ■全体のリンク■ */
/* リンク */
a {
	color		:#ff99cd; /* ★☆リンクが貼ってある部分の文字色☆★ */
	text-decoration	:none; /* 文字の装飾 */
}

/* 訪問済みリンク */
a:visited {
	color		:#ff9999;/* ★☆クリック済みの文字色☆★ */
	text-decoration	:none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
a:hover {
	color		:#ccc;  /* ★☆オンマウスの文字色☆★ */
	text-decoration	:none; /* 文字の装飾 */
}


/* ■サイドのリンク■ */
/* リンク */
.columnC .skinSubA a ,
.columnC .layoutContentsB a {
	text-decoration	:none; /* 文字の装飾 */
       color:#db7093;
}

/* 訪問済みリンク */
.columnC .skinSubA a:visited ,
.columnC .layoutContentsB a:visited {
	text-decoration	:none; /* 文字の装飾 */
color:#db7093;
}

/* マウスオーバーリンク */
.columnC .skinSubA a:hover ,
.columnC .layoutContentsB a:hover {
	text-decoration	:none; /* 文字の装飾 */
color:#66cccc;
}



/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体幅■ */
.skinFrame {
       position:relative;
	width		:980px; /* ヘッダ画像の幅 */
	margin		:0px auto;
	padding		:0px 20px; /* 背景画像との左スペース */
	background	:; /* ブログの背景色 */
}

/*★☆広告以外の全てに背景☆★ */
div.skinFrame2{ 
        width		:980px; /* ヘッダ画像の幅 */
	margin		:0px auto 0px auto;/* 背景画像との上からの余白 */
	padding		:0px 20px 0px 20px; /* 背景画像との左スペース */
	background	:; /* ブログの背景色 */
	padding		:3px 3px 3px 3px; /* 背景画像との左スペース */
}
/* ■記事カラム＋右サイドカラム■ */
.columnC .layoutContentsA {}

/* ■記事カラム■ */
.columnC .skinMainArea {}

/* ■左サイドカラム■ */
.columnC .layoutContentsB {}

/* ■右サイドカラム■ */
.columnC .skinSubA {}



/*++++++++++++++++++++++++++++++++++++++++
ヘッダ
++++++++++++++++++++++++++++++++++++++++*/
.skinHeaderFrame {

}
.skinContentsFrame{

}

/* ■ヘッダ画像■ */
.skinHeaderArea {
	width		:980px; /* ヘッダ画像の幅 */
	background	:url(//stat.blogskin.ameba.jp/blogskin_images/20160504/19/f5/T7/p/o09800431lumiellatomoco1462358408160.png); /* ★☆ヘッダのメイン画像☆★ */
	background-repeat:no-repeat; /* ヘッダ画像のリピート */
	height		        :430px; /* ★☆ヘッダメイン画像の高さ☆★ */
	padding-bottom	:150px; /*★☆ ヘッダ画像とメインの間のスペース ☆★*/
       margin-top:35px; /*★☆ ヘッダ画像と上の余白☆★*/
}

/* ヘッダ画像のリンク */
.skinHeaderFrame h1.skinTitleArea a {
	display		:block;
}


/* ■ブログタイトル■ */
.skinHeaderFrame h1.skinTitleArea {
	background	:url(//stat.blogskin.ameba.jp/blogskin_images/20160504/19/55/BW/p/o03930193lumiellatomoco1462357945663.png) no-repeat;/* ★☆タイトルのロゴ画像☆★ */
        display                     	:block;
        margin                          : 40px 0 0 20px;
	font-weight	            : ; /* 文字の太さ */
	font-size	                    : ; /* 文字サイズ */
	text-align	                    : ; /* 文字揃え */
        text-indent                    : -9999px; /* ★☆タイトルのテキストをどっかに飛ばすよ☆★ */
}

/* ■ブログタイトルの上の余白を減らすために■ */
.skinBlogHeadingGroupArea{
padding :0;
}
.headerBnrArea {
padding-bottom: 0;
}

/* ブログタイトルのリンク */
/* ★☆リンク☆★ */
.skinHeaderFrame h1.skinTitleArea a {
        width                        : 393px;
        height                       : 193px;
        display                      : block;
	color          		: #000000; /* 文字色 */
	text-decoration  	: none; /* 文字の装飾 */
}

/* 訪問済みリンク */
.skinHeaderFrame h1.skinTitleArea a:visited {
	color		:#000000; /* 文字色 */
	text-decoration	:none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
.skinHeaderFrame h1.skinTitleArea a:hover {
	color		:#000000; /* 文字色 */
	text-decoration	:underline; /* 文字の装飾 */
}

/* ■ブログ説明■ */
.skinHeaderFrame h2.skinDescriptionArea {
padding		:20px 0 0 25px; /* 上 右 下 左 からの位置 */
text-align	:left; /* 文字揃え */
line-height: 1.6;
}
.skinDescription {
	font-weight	: nomal; /* 文字の太さ */
	color		        : #ff69b4; /* 文字色 */

        display              : ; /* ★☆タイトルの説明は非表示☆★ */
}

/* ■グローバルナビのこと。ヘッダメニュー（フリースペース使用）■ */
ul#gnavi {
	position	:absolute;
	top       : 469px ; /* ★☆.skinFrameを基準とした上からの距離☆★ */
	left		        :23px; /* .skinFrameを基準とした左からの距離 */
	width		: 980px; /* ヘッダメニューの幅 */
}
ul#gnavi li {
	float		        : left;
	text-align      	: center; /* 文字揃え */
        text-indent        : -9999px; /* ★☆ナビのテキストはどっかに飛ばすよ☆★ */
}
ul#gnavi li a {
	display		: block;
	height		: 135px; /* ★☆ヘッダメニューの高さ☆★ */
	width		: 196px; /* ヘッダメニューの１つの幅 */
	background	:url(//stat.blogskin.ameba.jp/blogskin_images/20140301/18/09/85/p/o09800270lumiellatomoco1393666157247.png); /* ★☆ヘッダメニュー背景画像☆★ */
	background-repeat   : no-repeat; /* ヘッダ画像のリピート */
}


/* ヘッダメニューのリンク文字 */
ul#gnavi li a span {
	display		:block;
	padding-top	:15px;
}

/* リンク */
ul#gnavi li a {
	font-weight	:bold; /* 文字の太さ */
	font-size	:1.2em; /* 文字サイズ */
	color		:#ffffff; /* 文字色 */
	text-decoration	:none; /* 文字の装飾 */
}

/* 訪問済みリンク */
ul#gnavi li a:visited {
	color		:#ffffff; /* 文字色 */
	text-decoration	:none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
ul#gnavi li a:hover {
	color		:#666666; /* 文字色 */
	text-decoration	:none; /* 文字の装飾 */
}


/* ヘッダメニュー1 オンマウスの時の座標指定*/
/* リンク */
ul#gnavi li.menu1 a { 
	background-position:0px 0px; /* 左 上 からの位置 */
}
/* マウスオーバーリンク */
ul#gnavi li.menu1 a:hover { 
	background-position:0px -135px; /* 左 上 からの位置 */
}

/* ヘッダメニュー2 */
ul#gnavi li.menu2 a {
	background-position:-196px 0px;
}
ul#gnavi li.menu2 a:hover {
	background-position:-196px -135px;
}

/* ヘッダメニュー3 */
ul#gnavi li.menu3 a {
	background-position:-392px 0px;
}
ul#gnavi li.menu3 a:hover {
	background-position:-392px -135px;
}

/* ヘッダメニュー4 */
ul#gnavi li.menu4 a {
	background-position:-588px 0px;
}
ul#gnavi li.menu4 a:hover {
	background-position:-588px -135px;
}

/* ヘッダメニュー5 */
ul#gnavi li.menu5 a {
	background-position:-784px 0px;
}
ul#gnavi li.menu5 a:hover {
	background-position:-784px -135px;
}


/*++++++++++++++++++++++++++++++++++++++++
メインカラム
++++++++++++++++++++++++++++++++++++++++*/
.skinMainArea{}

/* ■メッセージボード■ */
.skinMessageBoard {
        background      : url(//stat.ameba.jp/user_images/20160503/11/lumiellatomoco/59/2f/p/o0470026313635582050.png) no-repeat;
        width                 : 470px;
        height                : 264px;
        color                 : #66cccc;
	margin		 : 0px auto 20px 10px;
        padding             : 10px 0 0 0;
        text-align           : center;
        font-size            : 1.1em;
        line-height         : 20px ;
        border-top :none;
        border-bottom   :none; /* ★☆メッセージボードの上下の点線を消すよ☆★ */
}
.skinMessageBoard2 {}
.skinMessageBoard3 {
	padding		: 20px;
}


/* ■記事全体■ */
.skinArticle {
	position	        : relative;
	margin		: 50px 0px 50px 0px;
	padding		: 0px;
	border		: none;
}
.skinArticle2 {}
.skinArticle3 {}


/* ■記事ヘッダ■ */
.articleDetailArea {}

/* 日付 */
span.articleTime {
	position    	: absolute;
	left		        : 0px;
	top		        : -20px;
}
/* テーマ */
span.articleTheme {
	position	       : absolute;
	right		       : 0px;
	top		       : -20px;
}
/* 投稿者の表示 */
span.articleName {
	position	       : absolute;
	left		       : 0px;
	top	               : -20px;
	padding-left     : 180px;
}


/* ■記事タイトル■ */
/* 記事タイトル背景 */
.skinArticle{
background-color: rgba(255, 255, 255, 0.8);
border-radius: 4px 4px 4px 4px;
border: 1px solid #72e5e5;
}
.skinArticleHeader {
	margin		:5px;
	padding		:0 5px;
	border-top	:none; /* 記事タイトルの上の線 */
	border-bottom	:1px solid #72e5e5; /* 記事タイトルの下の線 */
	border-left	:none; /* 記事タイトルの左の線 */
	border-right	:none; /* 記事タイトルの右の線 */
　　  color                 :#66cccc;
        background-color:none;
}

/* 記事タイトル */
.skinArticleHeader2 {
	font-size	:1.0em; /* 文字サイズ */
	font-weight	:bold; /* 文字の太さ */
	margin		:15px 0px 15px 0px;
}

/* リンク */
.skinArticleHeader2 h1 a {
       border-bottom:none;
       padding:0;
       margin-left :2px;
	text-decoration	:none; /* 文字の装飾 */
	color		:#66cccc; /*★☆ブログ記事のタイトルの文字色（アクティブじゃないとき）☆★ */
}

/* 訪問済みリンク */
.skinArticleHeader2 h1 a:visited {
	text-decoration	:none; /* 文字の装飾 */
	color		:#66cccc; /*★☆ブログ記事のタイトルの文字色（アクティブ済み）☆★ */
}

/* マウスオーバーリンク */
.skinArticleHeader2 h1 a:hover {
	text-decoration	:none; /* 文字の装飾 */
	color		:#ffb6c1;/*★☆ブログ記事のタイトルの文字色（オンマウス）☆★ */
}


/* ■記事本文■ */
.skinArticleBody {
	margin		: 0px;
}
.skinArticleBody2 {
color:#666;
	margin		: 0px;
        padding            : 0 20px; /*★☆ブログ記事本文の囲い線との間の余白☆★ */
	font-size	        : 1.1em; /* 記事の文字サイズ */
        border-bottom              : none; /*★☆記事本文の囲い線☆★ */
        border-right              :none; /*★☆記事本文の囲い線☆★ */
        border-left              :none; /*★☆記事本文の囲い線☆★ */
}


/* ■記事フッター■ */
.skinArticleFooter {
	margin		:15px 0px 0px 0px;
	padding		:0px;
	border-top	:1px solid #72e5e5; /*★☆ 線 ☆★*/
}


/* ■ページ送りリンク■ */
.pagingArea {
	margin		:16px auto;
	min-height	:24px;
	position	:relative;
	text-align	:center;
}

/* ボタン */
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
	border		:1px solid #ffcce6; /* 線 */
	background	:#ffffff; /* 背景 */
	color		:#ccc !important; /* 文字色 */
}

/* ボタンのマウスオーバーリンク */
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
	background	:#e589b9; /* 背景 */
}


/* ■コメントエリア、トラックバックエリア■ */
/* 枠線（共通） */
.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;
}



/*++++++++++++++++++++++++++++++++++++++++
サイドカラム
++++++++++++++++++++++++++++++++++++++++*/
.columnC .skinSubA ,
.columnC .layoutContentsB {
	line-height	:1.4;
}

/* ■サイド共通■ */
.skinMenu {
	background-color: rgba(255,204,231,0.4);/* ★☆サイドの記事の背景の背景☆★ */
        border-radius: 4px 4px 4px 4px;
        border              : 1px solid #ffcce7;
}

/* サイドタイトル */
.skinMenuHeader {
        color                : #db7093; /* ★☆サイドの記事タイトルの文字色☆★ */
	height		: ; /* サイドタイトルの高さ */
	margin		: 5px 10px 10px 10px;
	padding		: 10px 5px 5px 38px; /* ★☆サイドタイトル文字の位置☆★ */
       background :url(//stat.ameba.jp/user_images/20130831/09/lumiellatomoco/82/85/p/o0037003312667625559.png);
background-repeat:no-repeat;
border-bottom:1px solid #fff;
font-size:1.3em;
text-left:center;
}

/* サイド本文 */
.skinMenuBody {
	background	: url();/* ★☆サイドの記事の背景☆★ */
	margin		: 0;
	padding		: 5px 10px;
}
.skinSubHr,
.skinSubList li {
	border-bottom	:1px dotted #fff; /* 線 */
	margin-bottom	:4px;
	padding-bottom	:4px;
}

/* 「一覧を見る」リンク */
.listLink {
	padding-top	:6px;
	text-align	:right;
}


/* ■プロフィール■ */
.profileMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.profileMenu .skinMenuBody {
	margin		:10px;
	padding		:10px;
}


/* ■最近の記事■ */
.recentEntriesMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.recentEntriesMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■最近のコメント■ */
.recentCommentMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.recentCommentMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■テーマ一覧■ */
.themeMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.themeMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■過去の記事■ */
.archiveMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.archiveMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■カレンダー■ */
.calendarMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.calendarMenu .calendar table {
	width		:100%;
	line-height	:1.2;
}
.calendarMenu caption {
        color                        : #fff; /* ★☆カレンダーの◯月の数字の色☆★ */  
	font-weight	        : bold;
	padding-bottom	: 6px;
}
.calendarMenu caption a {
}
.calendarMenu .calendar th,
.calendarMenu .calendar td {
        color                 : #fff; /* ★☆カレンダーの日にちの数字の色☆★ */
	padding		 : 2px 0px;
	text-align	         : center;
	font-weight	        : bold;
}


/* ■アメブロランキング■ */
.rankingMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}


/* ■ブログの読者■ */
.readerMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.readerMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}

/* 読者になるボタン */
.readerMenu a.skinImgBtnS {
	background	:url(//stat.ameba.jp/user_images/20160503/11/lumiellatomoco/d7/d7/p/o0160016013635579026.png); /* ボタン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	display		:block;
	margin		:0px auto 0px auto;
	width		:160px; /* 画像の幅 */
	height		:160px; /* 画像の高さ */
	text-indent	:-9999px;
}
.readerMenu a:hover.skinImgBtnS {
	background-position:0px -1px; /* 画像のスタート位置 */
}


/* ■ブックマーク■ */
.bookmarkMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.bookmarkMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■お気に入りブログ■ */
.favoriteMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.favoriteMenu ul.skinSubList li {
	background	:url(//stat.ameba.jp/user_images/20130827/00/mayumiimasaka/bd/3c/p/o0009000912662863573.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■ブログ内検索■ */
.blogSearchForm {
	margin		: 20px 0px;
	position    	: relative;
}



/*++++++++++++++++++++++++++++++++++++++++
ボタンのスタイル
++++++++++++++++++++++++++++++++++++++++*/

/* ■ボタン[横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		:#998366;  /*文字色 */
}


/* ■アイコン付きボタン[横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_gray.png); /* アイコン画像 */
	color		:#e589b9; /* 文字色 */
}



/*++++++++++++++++++++++++++++++++++++++++
その他追加タグなど
++++++++++++++++++++++++++++++++++++++++*/

.plugin{
margin     :5px 0;
}

.subModule{
margin:0;
}

#banner img{
margin :0 0 0 20px;
}

#banner a:hover {
opacity:0.8;
filter:alpha(opacity=80);
}
