@charset "utf-8";


/* 値の書き方の例 */
/*

	例：padding : 10px 5px;

		= 上：10px 下：10px 左：5px 右：5px

	例：padding : 10px;

		= 上：10px 下：10px 左：10px 右：10px

	例：padding : 10px 15px 20px 25px;

		= 上：10px 下：20px 左：15px 右：25px


           1
      +---------+
      |         |
     4|         |2
      |         |
      |         |
      +---------+
           3

      1 → 2 → 3 → 4の順番で記述します

*/


/* 全体的な設定lammban
------------------------------------------------------------ */

	/* contentプロパティの初期化 */

	*:before,
	*:after {
		content : "";
	}

	/* 全体的なマージン・パディング・フォントスタイル等の初期化 */

	* {
		margin : 0;
		padding : 0;
		font-style : normal;
		font-weight : normal;
	}

	/* body要素以下全てに適用されます */
	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left no-repeat; */

	body {
		color:#624f4d !important;						/* 文字の色 */
		background : url("http://blog-imgs-48.fc2.com/p/i/n/pinkypig999/back.png") repeat !important;	/* 背景画像を繰り返し表示 */
		background-color : #fff;				/* 背景の色 */
		/* 背景画像使用例（背景画像を使わない場合はbackground行を削除して下さい */
		text-align : center;					/* 古いIEでセンタリングする */
		line-height : 1.5;						/* 行間 */
		font-size: small !important;			/* 古いIEの文字サイズ */
		voice-family : "\"}\"";					/* おまじない */
		voice-family : inherit;					/* おまじない */
		/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body {
		font-size: small !important;			/* Opera用の文字サイズ */
	}

	textarea {
		width : 90%;
	}



/* リンクの設定
------------------------------------------------------------ */

	/* リンクの設定 */
	a {
		text-decoration : none;			/* アンダーラインなど装飾を施さない */
	}

	/* リンクする要素のうち、未閲覧（キャッシュされていない）要素に対してスタイルを適用します */
	a:link {
		color : #30c !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* リンクする要素のうち、閲覧済（キャッシュされている）要素に対してスタイルを適用します */
	a:visited {
		color : #909 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* ユーザーがカーソルをその要素の上に置いているが、まだアクティブ状態にしていない時にスタイルを適用します */
	a:hover {
		color : #f00 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* その要素がユーザーによってアクティブ状態にされた時にスタイルを適用します */
	a:active {
		color : #c00 !important;		/* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
	}

	/* リンク画像の枠を表示しない */
	img,a img {
		border-style : none;			/* 枠を非表示 */
		border-width : 0px;				/* 枠の幅を0pxに設定 */
		text-decoration : none;			/* 装飾を表示しない */
	}



/* レイアウト用ブロックの設定
------------------------------------------------------------ */

	/* 全体の大枠 */
	/* 左右のマージンを自動で求める事でセンタリングを行ってます */
	/* センタリングが不要の場合はmargin-leftの行とmargin-rightを削除して下さい */

	div#container {
		width : 815px;						
		margin-left : auto;					
		margin-right : auto;				
		background-color : transparent;	
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {	
div#container {
		margin-top : -50px;					
	}
}

	div#branding {
		width : 808px;						
		height : 200px;						
		background : url("http://blog-imgs-48.fc2.com/p/i/n/pinkypig999/header-back.png") top left no-repeat; 	
	}

	div.column {
		margin : 5px 0;				

	}


	div#primary-column {
	float : left;						
	padding-right : 0 20px;		
	voice-family : "\"}\"";	
	voice-family : inherit;	
	width : 578px;
	background-image:url(http://blog-imgs-48.fc2.com/p/i/n/pinkypig999/main-back-repeat.png);				
	background-repeat: repeat-y;
	}



	html>body div#primary-column {
		width : 578px;					/* Opera用のコンテンツ幅 */
	}

	div#secondary-column {
	float : right;					
	width : 235px;
	background-image:url(http://blog-imgs-48.fc2.com/p/i/n/pinkypig999/side-back-repeat.png);
	background-position: left top;
	background-repeat: repeat-y;
padding: 0px;
text-align:left;
	}
	div#side-contents{
	width : 205px;
	padding: 0px 10px;	

	}
	div#side-contents p{
	color: #3F3027;
}


	/* 著作表示ブロック */

	div#siteinfo-legal {
		clear : both;						/* 回り込みを解除 */
		margin : 0 10px;
	}
	
	/* 絵文字 */
	.emoji{
		vertical-align:middle;
	}


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

	/* タイトル */

	div#branding h1 a {
		padding : 0 5px;
		font-size : x-large;				/* 古いIEの文字サイズ */
		font-weight : bold;					/* 太字にする */
		voice-family : "\"}\"";				/* おまじない */
		voice-family : inherit;				/* おまじない */
		font-size : xx-large;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>body div#branding h1 {
		font-size : xx-large;/* Opera用の文字サイズ */
		/*margin-top: 90px;	 */		
		padding-top: 50px;		
		text-align:center;	
	line-height: 1;
	}

	/* サイトの説明 */

	div#branding p {
	text-align:center;
	font-size : small;					/* 古いIEの文字サイズ */
	voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	}

	html>body div#branding p {
		font-size : small;					/* Opera用の文字サイズ */
	}

#flyingpig{
	zindex:100;
	position:absolute;
}
#flyingpig p{
	margin-left: 150px;
	margin-left/*\**/: -500px\9;
}

/* Primary-Columnの設定
------------------------------------------------------------ */

	/* ページ移動用ナビゲーション */

	p.prev-next-navi {
		margin-bottom : 20px;
		text-align : center;
	}

	/* 各記事毎のブロック */
	/*

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        *-------------+
        |             |
        |             |
        |   section   |
        |             |
        |             |
        +-------------+

        
        +-+- section
        | |
        | +-+- h2（タイトル）
        |   |
        |   +-+- 記事
        |     |
        |     +- 段落
        |
        +-+- section
        | |
        | +-+- h2（タイトル）

        各記事はこのようにブロックで記事毎に階層が分けられています */

	div.section {
		margin-top : 25px;
		margin-bottom : 25px;
		padding:0 25px;
		text-align:left;				/* 記事と記事の間隔 */
	}

	/* 記事のタイトル部分 */

	div.section h2 {
	margin-bottom : 10px;
	/* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい（繰り返し画像の場合は指定する必要ありません） */
		/* height : 20px; */
					/* 古いIEの文字サイズ */
		voice-family : "\"}\"";				/* おまじない */
	voice-family : inherit;				/* おまじない */
	font-size : 20px;					/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	border-bottom:3px double #624f4d;
	
	}

	html>body div.section h2 {
		font-size : 20px;					/* Opera用の文字サイズ */
	}
	div.section h2 a:link,div.section h2 a:visited,div.section h2 a:hover{
	color:#624f4d !important;
	font-weight: bold;}
	/* 段落の設定 */

	div.section p {
		margin : 1em 0;						/* 上下1行分空ける */
	}
div.entry-body{margin: 5px 20px;}

div.entry-body img{
		border:9px solid #fff;
	/* 	-moz-box-shadow: 5px 5px 10px #666;  */
	}



div.entry-body img,div.entry-body a img{
		margin: 5px 30px;
		border:9px solid #fff;
	/* 	-moz-box-shadow: 5px 5px 10px #666;  */
	}
	/* 追記部分 */

	p.entry-more {
		padding : 25px 15px 15px 0;
		text-align : right;
	}

	/* フッター部分（コメントやトラックバックなど） */

	div.section ul.entry-footer {
		padding : 20px 10px 15px 10px;
		list-style-position : inside;
	}

	div.section ul.entry-footer li {
		display : inline;
		list-style-type : none;
	}



/* コメント部分の設定
------------------------------------------------------------ */

	/* コメントフォーム */

	div#primary-column form {
		padding : 0 10px;
	}

	/* 管理者だけにコメント */

	input#himitu {
		margin-right : 0.5em;
	}

	/* コメントフォームのボタン */

	p.form-btn {
		margin-top : 20px;
	}

	/* コメントトップ */

h3#comment-top {
		margin : 15px 0 10px 0;
		padding : 0 15px;
	} 

	h3.comment-post,
	h3.comment-edit {
		padding : 0 15px;
	}

	/* コメントのタイトル */

	h4.comment-header {
		margin-bottom : 10px;
		padding : 0 10px;
		border-bottom : 1px solid #333;		/* 枠線 */
	}

	/* コメント本文 */

	div.comment-body {
		padding : 0 10px;
	}

	/* コメントフッター */

	ul.comment-footer {
		padding : 10px 10px 15px 10px;
	}

	ul.comment-footer li {
		display : inline;
		list-style-type : none;
	}



/* トラックバック部分の設定
------------------------------------------------------------ */

	/* トラックバックトップ */

	h3#trackback-top {
		margin : 15px 0;
	}

	/* トラックバックURI */

	p.trackback-uri {
		margin-bottom : 15px;
		padding : 0.2em 0.5em;
	}

	/* トラックバックのタイトル */

	h4.trackback-header {
		margin-bottom : 10px;
		padding : 0 10px;
		border-bottom : 1px solid #333;
	}

	/* トラックバック先の概要 */

	div.trackback-excerpt {
		padding : 0 10px;
		background : transparent;
	}

	/* トラックバックフッター */

	ul.trackback-footer {
		padding : 10px 10px 15px 10px;
		display : inline;
		list-style-type : none;
	}

	ul.trackback-footer li {
		display : inline;
		list-style-type : none;
	}



/* Secondary-Columnの設定
------------------------------------------------------------ */

	/* アーカイブ関連の見出（CalendarとかMonthlyとかCategoriesとか） */

	div#secondary-column h2 {
		font-size : x-small;				
		border-bottom : 1px solid #333;	
		text-align : center;				
		voice-family : "\"}\"";			
		voice-family : inherit;			
		font-size : small;				
	}

	html>div#secondary-column h2 {
		font-size : small;				
	}


	/* カレンダーの位置調整 */

	div#secondary-column h2.calendar-archives {
		margin-bottom : 5px;
	}

	/* 月別・カテゴリ別アーカイブの位置調整 */

	div#secondary-column h2.monthly-archives,
	div#secondary-column h2.categories-archives {
		margin-top : 20px;
		margin-bottom : 5px;
	}

	/* 検索の位置調整 */

	div#secondary-column h2.search {
		margin-top : 20px;
		margin-bottom : 10px;
	}

	/* 最近のコメント・最近のトラックバック・リンクの位置調整 */

	div#secondary-column h2.recent-entries,
	div#secondary-column h2.recent-comments,
	div#secondary-column h2.recent-trackbacks,
	div#secondary-column h2.links {
		margin-top : 20px;
		margin-bottom : 5px;
	}

	/* プロフィールなどの位置調整 */

	div#secondary-column h2.appendix {
		margin-top : 20px;
		margin-bottom : 10px;
	}

	/* 著者名・著者概要・広告の位置調整 */

	p.author-name,
	p.author-description,
	p.ads {
		margin : 0 15px;
	}

	/* プロフィール画像 */

	p.author-image img {
		display : block;				/* ブロックレベルで表示 */
		margin : 10px 15px;				/* マージン */
		border : 1px solid #333;		/* 枠線 */
	}

	/* アーカイブ関連のリスト表示設定 */
	/* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */
	/* 画像を使いたい場合はlist-style-imageを追加して下さい */

	/* 例 */

	/* list-style-type : none; */
	/* list-style-image : url("画像のパス"); */

	div#secondary-column ul {
		margin : 0 15px;
		list-style-position : inside;
	}

#piglink{text-align:center;}

/* カレンダー部分の設定
------------------------------------------------------------ */

	/* カレンダー表示用のテーブル設定 */

	table.calendar {
		width : 100%;					/* 幅 */
		border-collapse : collapse;		/* 値の入っていないセルも表示する */
		font-size : x-small;			/* 古いIEの文字サイズ */
		voice-family : "\"}\"";			/* おまじない */
		voice-family : inherit;			/* おまじない */
		font-size : small;				/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
	}

	html>table.calendar {
		font-size : small;				/* Opera用の文字サイズ */
	}

	/* カレンダー見出（前月・当月・次月などのリンク部分） */

	.calendar caption {
		margin-bottom : 10px;
	}

	/* カレンダーのセル見出（曜日表示部分） */

	.calendar th {
		padding : 0.1em;
		border-bottom : 1px dotted #333;
		text-align : center;
	}

	/* カレンダーのセル部分（日付表示部分） */

	.calendar td {
		padding : 0.1em;
		border-bottom : 1px dotted #333;
		text-align : center;
	}

	/* カレンダーリンク部分（記事を書いた日） */

	.calendar td a {
		display : block;
		background : #ccc;
	}

	/* 日曜日 */

	th.sun {
		color : #f00;					/* 日曜日を赤色表示 */
	}

	/* 土曜日 */

	th.sat {
		color : #00f;					/* 土曜日を青色表示 */
	}



/* フッター部分の設定
------------------------------------------------------------ */

	div#siteinfo-legal p {
		padding : 10px 0;				/* パディング */
		text-align : center;			/* センタリング */
	}
	div#siteinfo-legal p a:link,div#siteinfo-legal p a:visited{color:#624f4d !important}


/* 強調の設定
------------------------------------------------------------ */

	/* 強調 */

	em {
		font-style : italic;				/* 斜体 */
	}

	/* より強い強調 */

	strong {
		font-weight : bold;					/* 文字を太字にする */
	}



/* 引用の設定
------------------------------------------------------------ */

	/* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */

	/* 書式・例 */

	/* background : url("画像のパス") 画像の表示位置 繰り返し指定; */
	/* background : url("hoge.gif") top left repeat; */

	blockquote {
		width : 300px;						/* 幅 */
		margin : 20px 0 20px 50px;			/* マージン */
		padding : 0.5em;					/* パディング */
		border : 1px solid #333;			/* 枠の色と線種 */
	}



/* コード
------------------------------------------------------------ */

	/* 記事中にプログラムコードなどを書く時に使います */
	/* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */



	div.section pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 1px solid #633;
		font-family : sans-serif;
		overflow : auto;
		width : 90%;						/* pre element clearing bug in WinIE  */
	}


	/* for without MacIE5 \*/

	div.section pre {
		overflow : scroll;					/* MacIE用バグ対応 */
	}/* */

	div.section > pre {
		width : auto;						/* MacIE用バグ対応 */
	}

	div.section code {
		font-family : monospace;			/* 等幅フォントを指定 */
	}



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

	/* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */

	textarea,input,select {
		font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	div#primary-column img#m-top{
		margin-top : -20px;
		margin-bottom : 0px;			
			}
#sid-top{margin-left : -4px;}
.border-none-img{margin-bottom: -10px; }

	/* 
 */			

}