@charset "utf-8";
/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName  : skin
Version   : 2011.08
Update    : 2011.12.8
Skin for  : http://ameblo.jp/ameblo-book2/
Copyright (C) 24HR CREATE All rights reserved.
-----------------------------------------------------


【CSSコードの説明】

※ ご使用の際は、○○○:●●●; までをコピーして使ってください。
※ コードは全て半角英数字で書いてください。
※ 0px は 0 というように px を省いても反映します。


■文字（フォント）

・文字サイズ（数字を増減することで文字サイズが変更されます。）
	font-size	:12px; 標準のサイズ
	font-size	:11px; 標準より1px小さいサイズ
	font-size	:13px; 標準より1px大きいサイズ

・文字の太さ
	font-weight	:normal; 標準の太さ
	font-weight	:bold; 太字

・文字揃え
	text-align	:left; 左揃え
	text-align	:right; 右揃え
	text-align	:center; 中央揃え

・文字色（以下は例となります。本書付録のカラーチャートを参考にしてください。アルファベットは半角大文字、半角小文字どちらでも反映されます。）
	color		:#ffffff; 白
	color		:#000000; 黒
	color		:#333333; 濃いグレー
	color		:#999999; 薄いグレー
	color		:#ff0000; 赤
	color		:#0000ff; 青

・文字の装飾
	text-decoration	:none; 装飾なし
	text-decoration	:underline; 下線
	text-decoration	:overline; 上線
	text-decoration	:line-through; 打ち消し線


■線（ボーダー）

	border		:solid 1px #000000; 線の種類 線の太さ 線の色

・線の種類
	none	線の非表示
	solid	1本線
	double	2本線
	dashed	破線
	dotted	点線


■背景画像

・背景画像のリピート（繰り返し）
	background	:url(画像アドレス) repeat 0 0; 全体にリピート
	background	:url(画像アドレス) repeat-x 0 0; 横（左右）にリピート
	background	:url(画像アドレス) repeat-y 0 0; 縦（上下）にリピート
	background	:url(画像アドレス) no-repeat 0 0; リピートさせない

	↓↓↓以下のような書き方もできます↓↓↓

	background-image	:url(画像アドレス);
	background-repeat	:repeat;
	background-position	:0 0;

・背景画像をスクロールさせない
	background-attachment:fixed;


■スペース

・内側のスペース
	padding		:170px 230px 0px 20px; 上 右 下 左
	padding-top	:170px; 上
	padding-right	:230px; 右
	padding-bottom	:0px; 下
	padding-left	:170px; 左

・外側のスペース
	margin		:170px 230px 0px 20px; 上 右 下 左
	margin-top	:170px; 上
	margin-right	:230px; 右
	margin-bottom	:0px; 下
	margin-left	:170px; 左


■その他

・画像や文字など強制的に削除する
	display		:none;


-----------------------------------------------------
【CSSコードの説明】はここまで */


/*++++++++++++++++++++++++++++++++++++++++
スタイルリセット
++++++++++++++++++++++++++++++++++++++++*/
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	:#f5f5f5; /* 全体の背景色 */
}



/*++++++++++++++++++++++++++++++++++++++++
文字サイズ・行間
++++++++++++++++++++++++++++++++++++++++*/
/* ■文字サイズ■ */
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		:#333333; /* 文字色 */
}


/* ■全体のリンク■ */
/* リンク */
a {
	color		:#0066ff; /* 文字色 */
	text-decoration	:underline; /* 文字の装飾 */
}

/* 訪問済みリンク */
a:visited {
	color		:#0066ff; /* 文字色 */
	text-decoration	:underline; /* 文字の装飾 */
}

/* マウスオーバーリンク */
a:hover {
	color		:#0066ff; /* 文字色 */
	text-decoration	:none; /* 文字の装飾 */
}


/* ■サイドのリンク■ */
/* リンク */
.columnC .skinSubA a ,
.columnC .layoutContentsB a {
	text-decoration	:none; /* 文字の装飾 */
}

/* 訪問済みリンク */
.columnC .skinSubA a:visited ,
.columnC .layoutContentsB a:visited {
	text-decoration	:none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
.columnC .skinSubA a:hover ,
.columnC .layoutContentsB a:hover {
	text-decoration	:underline; /* 文字の装飾 */
}



/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体幅■ */
.skinFrame {
	position	:relative;
	width		:980px; /* ヘッダ画像の幅 */
	margin		:0px auto 0px auto;
	padding		:0px 20px 0px 20px; /* 背景画像との左スペース */
	background	:#ffffff; /* ブログの背景色 */
}

/* ■記事カラム＋右サイドカラム■ */
.columnC .layoutContentsA {}

/* ■記事カラム■ */
.columnC .skinMainArea {}

/* ■左サイドカラム■ */
.columnC .layoutContentsB {}

/* ■右サイドカラム■ */
.columnC .skinSubA {}



/*++++++++++++++++++++++++++++++++++++++++
ヘッダ
++++++++++++++++++++++++++++++++++++++++*/
.skinHeaderFrame {}

/* ■ヘッダ画像■ */
.skinHeaderArea {
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/header.png); /* ヘッダ画像 */
	background-repeat:no-repeat; /* ヘッダ画像のリピート */
	height		:300px; /* ヘッダ画像の高さ */
	padding-bottom	:80px; /* ヘッダ画像とメインの間のスペース */
}

/* ヘッダ画像のリンク */
.skinHeaderFrame h1.skinTitleArea a {
	display		:block;
}


/* ■ブログタイトル■ */
.skinHeaderFrame h1.skinTitleArea {
	font-weight	:bold; /* 文字の太さ */
	font-size	:1.2em; /* 文字サイズ */
	padding		:170px 230px 0px 20px; /* 上 右 下 左 からの位置 */
	text-align	:left; /* 文字揃え */
}

/* ブログタイトルのリンク */
/* リンク */
.skinHeaderFrame h1.skinTitleArea a {
	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		:10px 230px 0px 120px; /* 上 右 下 左 からの位置 */
	text-align	:left; /* 文字揃え */
}
.skinDescription {
	font-weight	:nomal; /* 文字の太さ */
	color		:#999999; /* 文字色 */
}


/* ■ヘッダメニュー（フリースペース使用）■ */
ul#gnavi {
	position	:absolute;
	top		:410px; /* .skinFrameを基準とした上からの距離 */
	left		:20px; /* .skinFrameを基準とした左からの距離 */
	width		:980px; /* ヘッダメニューの幅 */
}
ul#gnavi li {
	float		:left;
	text-align	:center; /* 文字揃え */
}
ul#gnavi li a {
	display		:block;
	height		:50px; /* ヘッダメニューの高さ */
	width		:196px; /* ヘッダメニューの１つの幅 */
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/gnavi.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 -50px; /* 左 上 からの位置 */
}

/* ヘッダメニュー2 */
ul#gnavi li.menu2 a {
	background-position:-196px 0px;
}
ul#gnavi li.menu2 a:hover {
	background-position:-196px -50px;
}

/* ヘッダメニュー3 */
ul#gnavi li.menu3 a {
	background-position:-392px 0px;
}
ul#gnavi li.menu3 a:hover {
	background-position:-392px -50px;
}

/* ヘッダメニュー4 */
ul#gnavi li.menu4 a {
	background-position:-588px 0px;
}
ul#gnavi li.menu4 a:hover {
	background-position:-588px -50px;
}

/* ヘッダメニュー5 */
ul#gnavi li.menu5 a {
	background-position:-784px 0px;
}
ul#gnavi li.menu5 a:hover {
	background-position:-784px -50px;
}



/*++++++++++++++++++++++++++++++++++++++++
メインカラム
++++++++++++++++++++++++++++++++++++++++*/
.skinMainArea{}

/* ■メッセージボード■ */
.skinMessageBoard {
	margin		:0px 0px 30px 0px;
	border		:1px dashed #cccccc; /* 線 */
}
.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;
}


/* ■記事タイトル■ */
/* 記事タイトル背景 */
.skinArticleHeader {
	margin		:0px;
	padding		:0px;
	border-top	:1px solid #999999; /* 記事タイトルの上の線 */
	border-bottom	:1px dashed #cccccc; /* 記事タイトルの下の線 */
	border-left	:none; /* 記事タイトルの左の線 */
	border-right	:none; /* 記事タイトルの右の線 */
}

/* 記事タイトル */
.skinArticleHeader2 {
	font-size	:1.0em; /* 文字サイズ */
	font-weight	:bold; /* 文字の太さ */
	margin		:15px 0px 15px 0px;
}

/* リンク */
.skinArticleHeader2 h1 a {
	text-decoration	:none; /* 文字の装飾 */
	color		:#0066ff; /* 文字色 */
}

/* 訪問済みリンク */
.skinArticleHeader2 h1 a:visited {
	text-decoration	:none; /* 文字の装飾 */
	color		:#0066ff; /* 文字色 */
}

/* マウスオーバーリンク */
.skinArticleHeader2 h1 a:hover {
	text-decoration	:underline; /* 文字の装飾 */
	color		:#0066ff; /* 文字色 */
}


/* ■記事本文■ */
.skinArticleBody {
	margin		:0px;
}
.skinArticleBody2 {
	margin		:0px;
	font-size	:1.1em; /* 記事の文字サイズ */
}


/* ■記事フッター■ */
.skinArticleFooter {
	margin		:10px 0px 0px 0px;
	padding		:0px;
	border-top	:1px dashed #cccccc; /* 線 */
}


/* ■ページ送りリンク■ */
.pagingArea {
	margin		:16px auto;
	min-height	:24px;
	position	:relative;
	text-align	:center;
}

/* ボタン */
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
	border		:1px solid #dddddd; /* 線 */
	background	:#ffffff; /* 背景 */
	color		:#0066cc !important; /* 文字色 */
}

/* ボタンのマウスオーバーリンク */
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
	background	:#f7f7f7; /* 背景 */
}


/* ■コメントエリア、トラックバックエリア■ */
/* 枠線（共通） */
.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	:#ffffff; /* 背景 */
}

/* サイドタイトル */
.skinMenuHeader {
	height		:20px; /* サイドタイトルの高さ */
	margin		:0px 0px 10px 0px;
	padding		:10px 15px 5px 15px;
	font-weight	:bold; /* 文字の太さ */
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/side_titlebg.png); /* リストアイコン画像 */
	background-repeat:no-repeat;
}

/* サイド本文 */
.skinMenuBody {
	background	:#ffffff; /* 背景 */
	margin		:5px;
	padding		:0px;
}
.skinSubHr,
.skinSubList li {
	border-bottom	:none; /* 線 */
	margin-bottom	:3px;
	padding-bottom	:3px;
}

/* 「一覧を見る」リンク */
.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(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.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(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.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(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.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(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.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.4;
}
.calendarMenu caption {
	font-weight	:bold;
	padding-bottom	:6px;
}
.calendarMenu caption a {
}
.calendarMenu .calendar th,
.calendarMenu .calendar td {
	padding		:2px 0px;
	text-align	:center;
}


/* ■アメブロランキング■ */
.rankingMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}


/* ■ブログの読者■ */
.readerMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.readerMenu ul.skinSubList li {
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}

/* 読者になるボタン */
.readerMenu a.skinImgBtnS {
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/btn_reader.png); /* ボタン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	display		:block;
	margin		:0px auto 0px auto;
	width		:160px; /* 画像の幅 */
	height		:77px; /* 画像の高さ */
	text-indent	:-9999px;
}
.readerMenu a:hover.skinImgBtnS {
	background-position:0px -77px; /* 画像のスタート位置 */
}


/* ■ブックマーク■ */
.bookmarkMenu .skinMenuHeader {
	background	:;
	background-repeat:no-repeat;
}
.bookmarkMenu ul.skinSubList li {
	background	:url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.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(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
	background-repeat:no-repeat; /* 画像のリピート */
	background-position:0px 3px; /* 画像のスタート位置 */
	padding-left	:14px;
}


/* ■ブログ内検索■ */
.blogSearchForm {
	margin		:20px 0px;
	position	:relative;
}



/*++++++++++++++++++++++++++++++++++++++++
ボタンのスタイル
++++++++++++++++++++++++++++++++++++++++*/

/* ■ボタン[横180px 縦35px]■ */

.skinImgBtnM {
	background-image:url(http://stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png); /* 背景画像 */
}
.skinImgBtnM:hover span,
.skinImgBtnM:focus span,
.skinImgBtnM span {
	color		:#333333; /* 文字色 */
}


/* ■アイコン付きボタン[横128px 縦28px]■ */
.skinImgBtnS {
	background-image:url(http://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(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png); /* アイコン画像 */
	color		:#333333; /* 文字色 */
}



/*++++++++++++++++++++++++++++++++++++++++
その他追加タグなど
++++++++++++++++++++++++++++++++++++++++*/