@charset "utf-8";				
/*				
-----------------------------------------				
				
 【CSS編集 目次】				
				
　(1) 文字のスタイル				
　(2) ボタンのスタイル				
　(3) エリアのスタイル				
　(4) その他、拡張				
				
  ※CSS編集で広告を修正しないでください				
  （規約違反に該当する可能性があります）				
				
-----------------------------------------				
*/				
				
				
				
/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
				
　(1) 文字のスタイル				
				
				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
*/				
				
				
				
/* (1-1) 全体の文字				
--------------------------------------------*/				
				
				
/* 通常文字 */				
.skinTextColor,.skinBaseTextColor,.skinBlock,body{				
color:	#333333	;		
}				
				
				
/* リンク */				
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{				
color:#0066cc;				
}				
				
				
/* 訪問済のリンク */				
.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;				
}				
				
				
				
/* (1-2) ブログタイトル文字				
--------------------------------------------*/				
				
				
/* skinTitle ブログタイトル文字 */				
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{				
color:	#000000	;		
font-weight:bold;				
font-size:	2.11em	;		
}				
				
				
/* skinDescription ブログの説明文字 */				
.skinDescription{				
color:	#333333	;		
}				
				
				
				
/* (1-3) 記事／メッセージボード内の文字のスタイル				
--------------------------------------------*/				
				
/* skinArticleTitle 記事タイトル文字 */				
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{				
font-size:	1.31em	;		
font-weight:bold;				
color:	#0066cc	;		
}				
				
				
				
/* (1-4) サイドバー内の文字のスタイル				
--------------------------------------------*/				
				
/* skinMenuTitle サイドメニュータイトル文字 */				
.skinMenuTitle{}				
				
				
				
				
				
				
/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
				
 (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]				
--------------------------------------------*/				
				
				
/* アイコン付き ボタンの背景画像 ※[横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_pastel.png	);	
color:#333333 !important;/* ←ボタンの文字色 */				
}				
				
/*				
li a.readerBtn{				
display:none!important;				
}				
*/				
				
/*				
li a.amemberBtn{				
display:none!important;				
}				
*/				
				
/*				
li a.messageBtn{				
display:none!important;				
}				
*/				
				
/*				
li a.presentBtn{				
display:none!important;				
}				
*/				
				
				
				
/*　プロフィール｜ピグの部屋｜なう｜グルっぽ　表示設定　*/				
/*				
.profileUserPages{				
display:none;				
*/				
}				
				
				
				
/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン				
--------------------------------------------*/				
				
				
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{				
border:	1px	solid	#dddddd	;
background:	#ffffff	;		
color:	#0066cc	!important;		
}				
				
				
/* ボタンにマウスオーバー */				
.skinSimpleBtn:hover,.skinSimpleBtn:focus{				
background:	#f7f7f7	;		
color:	#0066cc	!important;		
}				
				
				
/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
				
 (3) エリアのスタイル				
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定				
				
				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
*/				
				
				
				
/* (3-1) ボディ（全体）				
--------------------------------------------*/				
body{				
0				
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;				
0				
}				
				
/* skinBody ボディ */				
.skinBody{				
background:	url(	//stat.blogskin.ameba.jp/blogskin_images/20160304/02/9d/va/j/o09600720happyaction1457027002857.jpg	)	;
 				
background-repeat:		repeat-x		;
background-position:		left top		;
background-attachment:fixed;   
 				
				
}				
				
.skinBody2{width:980px;margin:0 auto 0 auto;				
padding:	0px	10px	;	
background:	0	#ffffff	0	;
/*				
background-repeat:		no-repeat		;
background-position:		center top		;
*/				
				
box-shadow: 2px 4px 8px 4px rgba(100, 100, 100, 0.3);				
				
}/* ←ブログ全体に背景を敷きたいとき */				
				
.skinBody3{}				
				
.skinFrame2{position:relative;				
}				
				
				
/*				
.headerBnrArea{background-color:#cccccc;				
border-bottom:solid 1px black;				
margin:0px;				
padding-bottom:0px;}				
*/				
				
/* (3-2) ブログヘッダー				
--------------------------------------------*/				
				
				
/* skinHeaderArea ブログヘッダー980pxエリア */				
.skinHeaderArea{}/* ←ブログヘッダーに背景画像を敷きたいとき */				
				
				
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */				
.skinBlogHeadingGroupArea{				
padding:10px 0 30px;				
}				
				
				
/* skinTitleArea ブログタイトルのエリア */				
.skinTitleArea{				
padding-bottom:4px;				
}				
				
				
/* skinDescriptionArea ブログの説明エリア */				
.skinDescriptionArea{				
 	text-indent:-9999px;	 		
}				
				
				
 				
a.skinTitle{				
display:block;				
width:980px;				
height:	300px	;		
text-indent:-9999px;				
background:url(	//stat.blogskin.ameba.jp/blogskin_images/20160304/02/df/Ro/j/o09800300happyaction1457026986380.jpg	);		
background-repeat:no-repeat;				
}				
 				
				
				
				
				
/* (3-3) コンテンツエリア				
--------------------------------------------*/				
				
				
/* skinContentsArea コンテンツ980pxエリア */				
.skinContentsArea{				
/* 注 ベースのcssにwidth:980px;の記述有り */				
}				
				
				
				
				
/* (3-4) メインエリア				
--------------------------------------------*/				
				
				
.skinMainArea{}				
				
				
				
				
/* (3-5) メッセージボード				
--------------------------------------------*/				
				
				
.skinMessageBoard{				
/* 注 ベースのcssに margin-bottom の記述有り */				
border-top:1px dotted #979797;				
border-bottom:1px dotted #979797;				
background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */				
}				
.skinMessageBoard2{}				
.skinMessageBoard3{				
padding:16px 30px;				
}				
				
				
				
				
/* (3-6) 記事				
--------------------------------------------*/				
				
/* skinArticle 記事エリア */				
.skinArticle{				
/* 注　ベースのcssに margin-bottom の記述有り */				
padding:16px 0;				
border:	1px	solid	#dddddd	;
border-radius:	0px	;		
background:#ffffff;/* ←記事に背景を敷きたいとき */				
}				
.skinArticle2{}				
.skinArticle3{}				
				
				
/* skinArticleHeader 記事タイトルエリア */				
.skinArticleHeader{				
margin:0px;				
padding:10px 50px;				
border-left:	0px	;
border-bottom:	0px	none	#ffffff	;	
border-radius:	0px	;	
background:url("//stat.blogskin.ameba.jp/blogskin_images/20160304/02/b2/Ow/j/o06650051happyaction1457026801257.jpg") no-repeat;
}				
				
.skinArticleHeader2{}				
				
				
/* skinArticleBody 記事本文エリア */				
.skinArticleBody{}				
.skinArticleBody2{				
margin:0 29px;				
}				
				
.articleText{font-size:		1.2em	;}/*----------------------記事の文章の文字の大きさ*/	
				
/* skinArticleFooter 記事フッターエリア */				
.skinArticleFooter{				
margin:10px 29px 0;				
border-top:1px dotted #949494;				
}				
				
				
				
				
				
/* (3-7) サイドバーエリア				
--------------------------------------------*/				
				
				
.skinSubArea{} /* サイドバーエリア共通 */				
.skinSubA{} /* 300pxのサイドバーエリア */				
.skinSubB{} /* 180pxのサイドバーエリア */				
				
				
				
				
				
/* (3-8) サイドバー　メニュー				
--------------------------------------------*/				
				
				
/* skinMenu サイドバー　メニューのエリア */				
.skinMenu{				
/* 注　ベースのcssに margin-bottom の記述有り */				
background:	#F0F8FF	;/* ←サイドメニューに背景を敷きたいとき */		
border:	0px	none	#ffffff	;
border-radius:	0px	;		
}				
				
.skinMenu2{				
}				
				
/* skinMenuHeader サイドメニュータイトルエリア */				
.skinMenuHeader{				
padding:	5px	10px	;	
background: 	#191970			
background: -webkit-gradient(linear, 0 0, 0 bottom, from(	#191970			
), to(	#ADD8E6	));		
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=	#191970			
, endcolorstr=	#ADD8E6	));		
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=	#191970			
, endcolorstr=	#ADD8E6	))";		
zoom: 1;				
background: -moz-linear-gradient(top, 	#191970			
,	#ADD8E6	);		
background: linear-gradient(to bottom, 	#191970			
, 	#ADD8E6	);		
				
font-size:	noneem	;		
color:	#F0F8FF	;		
border-top:	nonepx	none	#ffffff	;
border-bottom:	0	none	#ffffff	;
}				
				
				
/* skinMenuBody サイドメニュー本文エリア */				
.skinMenuBody{				
margin:10px;				
padding:	10px	;		
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */				
}				
				
				
				
/* (3-9) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること				
--------------------------------------------*/				
				
				
.skinSubHr,				
.skinSubList li{				
margin-bottom:3px;				
padding-bottom:3px;				
border-bottom:1px dotted #b3b3b3;				
}				
				
				
/* (3-10) コメント欄、記事一覧などの一覧				
--------------------------------------------*/				
				
				
/* 背景色 */				
.skinBgColor,.skinBaseBgColor,.skinBlock{				
background-color:#ffffff;				
}				
				
				
/* 弱い背景色 */				
.skinWeakBgColor,.skinBaseWeakBgColor{				
background-color:#f7f7f7;				
}				
				
				
/* 強い背景色 */				
.skinStrongBgColor,.skinBaseStrongBgColor{				
background-color:#f7f7f7;				
}				
				
				
/* 枠線の色 */				
.skinBorderColor,.skinBaseBorderColor,.skinBlock{				
border-color:#dddddd;				
}				
				
				
/* 境界線の色 */				
.skinBorderHr,.skinBorderList li{				
border-color:#b3b3b3;				
}				
				
				
/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
 (4) その他、拡張				
				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
*/				
				
				
/* その他、拡張があれば記述 */				
				
/* navistyle*/ 				
 				
ul#global_navi{width:980px;				
overflow:hidden;				
position:absolute;				
top:	315px	;		
left:0px;				
}				
 				
ul#global_navi li{float:left;				
height:	35px	;		
display:block;				
padding:1px;				
text-align:center;				
line-height:	35px	;		
font-size:	15px	;		
font-weight:bold;				
}				
 				
ul#global_navi li a{				
display: block;				
width:	194px	;		
overflow: hidden;				
height:	35px	;		
background: 	#2F4F4F			
background: -webkit-gradient(linear, 0 0, 0 bottom, from(	#2F4F4F			
), to(	#9ACD32	));		
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=	#2F4F4F			
, endcolorstr=	#9ACD32	));		
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=	#2F4F4F			
, endcolorstr=	#9ACD32	))";		
zoom: 1;				
background: -moz-linear-gradient(top, 	#2F4F4F			
,	#9ACD32	);		
background: linear-gradient(to bottom, 	#2F4F4F			
, 	#9ACD32	);		
color:	#ffffff	;		
}				
 				
#navi1 a:hover,#navi2 a:hover,#navi3 a:hover,#navi4 a:hover,#navi5 a:hover,#navi6 a:hover{				
background:	#D2691E	;		
color:	#575757	;}		
 				
/* navistyle end*/					
				
				
/*				
.skinHeaderArea{				
height:	px	;		
}				
*/

/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
ブログタイトル画像			
				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
*/	

.skinArticleHeader{
margin:0px;  /* 本文からの余白です。*/
border:none;　　/* 線の表示を非表示しています。*/
padding:0px;　　　/* 画像の内部設置余白です*/
background:url("//stat.blogskin.ameba.jp/blogskin_images/20160304/02/b2/Ow/j/o06650051happyaction1457026801257.jpg") no-repeat;
height:51px;
}

/*				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
				
リンクボタン		
				
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊				
*/	
a.button4 {
    background-color:#ddeeff;
    border:1px solid #ffffff;
    padding:8px 8px;
    margin:10px;
    border-radius:5px;
    box-shadow:0px 0px 10px #c3e1ff;
    cursor:pointer;
    width: 250px;
}
a.button4:hover {
    color:white;
    background-color:navy;
    text-shadow:0px 0px 3px #ffffff;
}