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

 【CSS編集 目次】

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

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

-----------------------------------------


/* (5-1) 構造
--------------------------------------------*/
body {
	min-width:0;
}

.skinFrame	{
	margin0;
	padding:0;
}

.subModule {
	margin: 0 0 10px;
}
.skinFrame {/* 敷き詰め */
	background: url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinFrame.jpg);
}
.skinContentsFrame {/* コンテンツ部分ピンクとシャドウ */
	background: url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinContentsFrame.png) top center repeat-y;
}
.skinContentsArea {
	width: 980px;
	position: relative;
	padding: 30px 10px 50px;
	overflow: hidden;
	margin:0 auto;
}
.columnB .skinMainArea {
	float:left;
	width: 680px;
}

.skinContentsArea2 {
	overflow: hidden;
	margin-top:30px; /* グローバル分少し下げる */
}

.skinSubArea .skinSubA2	{
	float:right;
	width:280px;
	margin:0;
	overflow:hidden;
}



/* (5-2) ヘッダー
--------------------------------------------*/
.headerBnrArea 
	{background: white;}

.skinFrame2 {/* ヘッダ全体背景 */
	background: url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinFrame2.png) no-repeat top center;
}


.skinHeaderArea {
	background: url(http://style-b.sakura.ne.jp/pinks/ame/h1.jpg) no-repeat;
	width: 1000px;
	height: 350px;
}
h1.skinTitleArea{
	margin:0;
	padding:0;
	text-indent: -9999px;
}

h1.skinTitleArea a{
	width: 1000px;
	height: 350px;
	display: block;
	/*\*/
	   overflow: hidden;
	/**/
	display:block; 
	position:absolute; 
}

h2.skinDescriptionArea 
	{display: none;}

.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus {
	color: #490808;
	font-weight: bold;
	font-size: 12px;
}

/* (5-3) メニュー
--------------------------------------------*/
ul#gmenu{
	width: 1000px;
	position:absolute;
	top:0;
	left:0;
	list-style-type:none !important;
}
ul#gmenu li {
	float: left;
	text-indent: -9999px;
}
#gmenu li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background-image: url(http://style-b.sakura.ne.jp/pinks/ame/bg-gmenu.jpg);
}
.m1 a {width: 105px;background-position: 0 0;}
.m2 a {width: 125px;background-position: -105px 0;}
.m3 a {width: 82px;background-position: -230px 0;}
.m4 a {width: 128px;background-position: -312px 0;}
.m5 a {width: 95px;background-position: -440px 0;}
.m6 a {width: 205px;background-position: -535px 0;}
.m7 a {width: 80px;background-position: -740px 0;}
.m8 a {width: 100px;background-position: -820px 0;}
.m9 a {width: 80px;background-position: -920px 0;}

.m1 a:hover {width: 105px;background-position: 0 -40px;}
.m2 a:hover {width: 125px;background-position: -105px -40px;}
.m3 a:hover {width: 82px;background-position: -230px -40px;}
.m4 a:hover {width: 128px;background-position: -312px -40px;}
.m5 a:hover {width: 95px;background-position: -440px -40px;}
.m6 a:hover {width: 205px;background-position: -535px -40px;}
.m7 a:hover {width: 80px;background-position: -740px -40px;}
.m8 a:hover {width: 100px;background-position: -820px -40px;}
.m9 a:hover {width: 80px;background-position: -920px -40px;}


/* (5-4) フッタ
--------------------------------------------*/
#ft	{
	background:url(http://style-b.sakura.ne.jp/pinks/ame/bg-footer.jpg) bottom left no-repeat;
	padding:20px 20px 5px;
	font-family:meiryo,sans-serif;
}
#ftiner:after	{
	content: "";
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#ftlogo	{
	float:left;
	width:210px;
}
#ftadrs	{
	float:right;
	width:320px;
	color:#cc244a;
}
#cp	{
	text-align:center;
	color:#fff;
}


/* (5-5) 汎用
--------------------------------------------*/
.ct	{text-align:center;}






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

.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
	border-top:none;
	border-bottom:none;
/* ←メッセージボードに背景を敷きたいとき */
	padding:0;
}
.skinMessageBoard2{
	background:#fff url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinMessageBoard.png) bottom left no-repeat;
}
.skinMessageBoard3{
	background:url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinMessageBoard2.png) top left no-repeat;
	padding:80px;
	font-size:1.2em;
	font-family:meiryo,sans-serif;
	line-height:1.7;
}


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

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
	padding:0 0 15px 0;
	border:none;
	background:#ffffff;/* ←記事に背景を敷きたいとき */
}
.skinArticle2{}
.skinArticle3{}


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
	margin:0;
	padding:45px 100px 10px 150px;
	border-left:none;
	background:#FBE6EB url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinArticleHeader.png) top left no-repeat;
}
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{}
.skinArticleBody2{
	margin:0 20px;
	line-height:1.7;
	font-family:meiryo,sans-serif;
}

.articleDetailArea	{
	padding:10px 0 20px;
}
.articleText	{
	margin:0 5px;
	font-size:1.2em;
}

.skinArticleBody img	{
	margin:0;
}


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



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

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


/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
	padding:30px 5px 5px 25px;
	height:25px;
	width:240px;
	font-weight:bold;
	font-size:1.2em;
	background:#F2ABBD url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinMenuHeader.jpg);/* ←サイドメニューのタイトルに背景を敷きたいとき */
}


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
	margin:0px;
	padding:10px;
	font-size:1.1em;
	background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */
}

.skinSubA .userProfileImageArea	{
	float:left;
	width:94px;
	height:94px;
}
.skinSubA .userProfileImage	{
	width:90px;
	height:90px;
}

.skinSubA .profileUserNicknameArea	{
	float:left;
	width:140px;
	font-size:95%;
	padding-left:10px;
	padding-top:40px;
}
.profileUserNickname	{
	font-size:1.1em;
}


.profileDetailArea	{
	clear:both;
	padding:10px 0;
	font-size:.94em;
}

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


.skinSubHr,
.skinSubList li{
	margin-bottom:3px;
	padding:3px 5px;
	border-bottom:1px dotted #b3b3b3;
}

/* (3-10) サイドバーの　検索
--------------------------------------------*/

.skinSubA .blogSearchForm	{
	width:280px;
	background:#fff;
}

.skinSubA .blogSearchInput	{
	width:215px;
}


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


　(1) 文字のスタイル


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



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


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


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


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


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


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


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


/*カレンダー リンク*/
.calendar a	{
	font-weight:bold;
	color:#ff3399;
}

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


/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
}


/* skinDescription ブログの説明文字 */
.skinDescription{
}



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

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



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

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



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


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




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

.skinSubA .profileBtnArea {
	width: 250px;
}

.skinImgBtnS	{
	width:123px;height:28px;
}

/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background-image:url(http://style-b.sakura.ne.jp/pinks/ame/bg-skinImgBtnS.jpg);
}



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




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


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
	border:1px solid #9C8863;
	background:#ffffff;
	color:#633 !important;
}


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