/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName  : ameblo-book.css (3カラム・左右メニュー)
Version   : 2010.08
Update    : 
Skin for  : http://ameblo.jp/ameblo-book/
Copyright (C) http://blogcustom.24hr.jp All rights reserved.
-----------------------------------------------------
*/

/*++++++++++++++++++++++++++++++++++++++++
スタイルリセット
++++++++++++++++++++++++++++++++++++++++*/
body {
	margin		:0;
	padding		:0;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, pre, blockquote, th, td {
	margin		:0;
	padding		:0;
}
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		:0;
	padding		:0;
	font-size	:100%;
	vertical-align	:baseline;
}


/*++++++++++++++++++++++++++++++++++++++++
背景
++++++++++++++++++++++++++++++++++++++++*/
/* ■背景画像■ */
html {
	background	:#A5AD59;
}


/*++++++++++++++++++++++++++++++++++++++++
文字サイズ・行間
++++++++++++++++++++++++++++++++++++++++*/
/* ■文字サイズ■ */
body {
	font-size	:12px !important; 
}
* html body {font-size:62.5%;} /* IE6 */
*:first-child+html body {font-size:62.5%;} /* IE7 */
html>/**/body body {font-size:62.5%;} /* IE8 */

/* ■行間■ */
body {
	line-height	:1.5;
}
/* 記事の行間 */
.entry .contents {
	line-height	:1.5;
}


/*++++++++++++++++++++++++++++++++++++++++
文字色・リンク
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体の文字色■ */
body {
	color		:#EAD792;
}

/* ■全体のリンク■ */
a { /* リンク */
	color		:#EAD792;
	text-decoration	:underline;
}
a:visited { /* 訪問済みリンク */
	text-decoration	:underline;
}
a:hover { /* マウスオーバーリンク */
	text-decoration	:none;
        color           :#624839;
}

/* ■サイドのリンク■ */
#sub_a a,
#sub_b a {
	text-decoration	:none;
}
#sub_a a:visited,
#sub_b a:visited {
	text-decoration	:none;
}
#sub_a a:hover,
#sub_b a:hover {
	text-decoration	:underline;
}


/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体幅■ */
#subFrame {
	position	:relative;
	width		:800px; /* ヘッダー画像の幅 */
	margin		:0 auto;
	padding-left	:20px; /* 背景画像との左スペース */
	padding-right	:20px; /* 背景画像との右スペース */
	background	:#8A6E5C;
}

/* ■wrapカラム■ */
#wrap {
}
#wrap:after { /* wrapの回り込み解除 */
	visibility	:hidden;
	display		:block;
	font-size	:0;
	content		:" ";
	clear		:both;
	height		:0;
}
*:first-child+html #wrap {zoom:1;} /* IE7 */

/* ■mainカラム■ */
#main {
	float		:left;
	width		:400px;
	padding		:0 20px;
}
* html #main {padding-top:0px;} /* IE6 */

/* ■sub_aカラム■ */
#sub_a {
	float		:left;
	width		:180px;
	padding		:0;
}

/* ■sub_bカラム■ */
#sub_b {
	float		:right;
	width		:180px;
	padding		:0;
}


/*++++++++++++++++++++++++++++++++++++++++
ヘッダー
++++++++++++++++++++++++++++++++++++++++*/
/* ■ユーザナビ■ */
#userNaviArea {
	display		:none;
}

/* ■ヘッダー画像■ */
#header {
	background	:url(//stat.blogskin.ameba.jp/blogskin_images/20121022/16/2d/f4/j/o08000300il-brille1350891777686.jpg) no-repeat; /* ヘッダー画像 */
	height		:300px; /* ヘッダー画像の高さ */
	padding-bottom	:80px; /* ヘッダー画像とメインの間のスペース */
}
/* ヘッダー画像のリンク */
#header h1 a {
	display		:block;
}

/* ■ブログタイトル■ */
#header h1 {
	font-weight	:bold;
	font-size	:0.5em;
	padding		:10px 500px 0 20px;
}
/* ブログタイトルのリンク */
#header h1 a {
	color		:#EAD792;
	text-decoration	:none;
}
#header h1 a:visited {
	text-decoration	:none;
}
#header h1 a:hover {
	text-decoration	:underline;
}

/* ■ブログ説明■ */
#header h2 {
	font-weight	:nomal;
	color		:#624839;
	padding		:10px 230px 0 20px;
}


/*++++++++++++++++++++++++++++++++++++++++
ヘッダーメニュー（フリースペース使用）
++++++++++++++++++++++++++++++++++++++++*/
ul#gnavi {
	position	:absolute;
	top		:300px; /* ヘッダー画像の高さ */
	left		:20px; /* #subFrameを基準とした左からの距離 */
	width		:800px; /* ヘッダーメニューの幅 */
}
ul#gnavi li {
	float		:left;
	text-align	:center; /* メニュー文字揃え */
}
ul#gnavi li a {
	display		:block;
	height		:50px; /* ヘッダーメニューの高さ */
	width		:160px; /* ヘッダーメニューの１つの幅 */
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/a6/43/g/o0800010011414142271.gif) no-repeat;
}
/* ヘッダーメニューのリンク文字 */
ul#gnavi li a {
	color		:#ffffff;
	font-weight	:bold;
	text-decoration	:none;
	font-size	:1.2em;
}
ul#gnavi li a:visited {
	text-decoration	:none;
}
ul#gnavi li a:hover {
	text-decoration	:none;
	color		:#FBD4A1;
}
ul#gnavi li a span {
	display		:block;
	padding-top	:15px;
}
/* ヘッダーメニュー1 */
ul#gnavi li.menu1 a { /* リンク */
	background-position:0 0; /* 0 0＝top leftからの位置 */
}
ul#gnavi li.menu1 a:hover { /* マウスオーバーリンク */
	background-position:0 -50px; /* 0 -50px＝top leftからの位置 */
}
/* ヘッダーメニュー2 */
ul#gnavi li.menu2 a {
	background-position:-160px 0;
}
ul#gnavi li.menu2 a:hover {
	background-position:-160px -50px;
	}
/* ヘッダーメニュー3 */
ul#gnavi li.menu3 a {
	background-position:-320px 0;
}
ul#gnavi li.menu3 a:hover {
	background-position:-320px -50px;
}
/* ヘッダーメニュー4 */
ul#gnavi li.menu4 a {
	background-position:-480px 0;
}
ul#gnavi li.menu4 a:hover {
	background-position:-480px -50px;
}
/* ヘッダーメニュー5 */
ul#gnavi li.menu5 a {
	background-position:-640px 0;
}
ul#gnavi li.menu5 a:hover {
	background-position:-640px -50px;
}


/*++++++++++++++++++++++++++++++++++++++++
メイン（main）
++++++++++++++++++++++++++++++++++++++++*/
/* ■メッセージボード■ */
#message {
	margin		:0 0 30px;
	border		:2px solid #A5AD59;
}
#message .contents {
	margin		:20px;
}

/* ■「このブログの読者になる（チェック）」テキストリンク■ */
#main .readerMainLink {
}

/* ■記事全体■ */
#main .entry {
	position	:relative;
	margin		:0 0 50px;
        background      :#8A6E5C; 

}

/* ■記事ヘッダー■ */
/* テーマ */
#main .theme {
	position	:absolute;
	right		:0;
	top		:50px;
}
/* 日付 */
#main .entry_head {
        position	:absolute;
	left		:0;
	top		:50px;
}
/* 投稿者の表示 */
#main .entry_head .name {
	padding-left	:10px;
}

/* ■記事タイトル・一覧ページタイトル■ */
#main .entry h3.title,
#recent_entries_list h3.title,
#bookmark_list h3.title,
#favorite_list h3.title,
#reader_list h3.title {
	height		:30px;
	margin		:0 0 40px 0;
	padding		:15px 0 0 0;
	font-size	:1.5em; /* 文字サイズ */
	line-height	:1em; /* 行間 */
	font-weight	:bold; /* 太文字 */
	color		:#fbd4a1; /* 文字色 */
	border-top	:#fbd4a1 solid 1px; /* 記事タイトルの上のライン */
	border-bottom	:#fbd4a1 dashed 1px; /* 記事タイトルの下のライン */
}

/* ■記事本文■ */
#main .entry .contents {
	margin		:0;
	font-size	:1.1em;
          background     :#8A6E5C; 
         }
        
#main .entry #general {
	font-size	:0.8em;
}

/* ■同じテーマの最新記事■ */
#themeBox {
	margin-top	:10px !important;
	padding		:5px !important;
	border		:1px dotted #999999;
}

/* ■記事フッター■ */
#main .foot {
	padding		:10px 0 0;
	text-align	:right;
}

/* ■記事一覧画面■ */
#recent_entries_list ul {
	padding		:0;
	font-size	:1.1em;
	width		:100%;
}
#recent_entries_list ul li {
	padding		:5px;
	border-bottom	:1px dotted #cccccc;
}
#recent_entries_list p.newentrytitle {
	width		:80%;
}

/* ■ブックマーク一覧画面■ */
#bookmark_list ul {
	padding		:0;
	font-size	:1.1em;
	width		:100%;
}
#bookmark_list ul li {
	padding		:5px 5px 2px;
	border-bottom	:1px dotted #cccccc;
}

/* ■お気に入りブログ一覧画面■ */
#favorite_list ul {
	padding		:0;
	font-size	:1.1em;
	width		:100%;
}
#favorite_list ul li {
	padding		:5px;
	border-bottom	:1px dotted #cccccc;
}
#favorite_list ul li .favorite_blog,
#favorite_list ul li .favorite_theme {
	display		:block;
	margin-top	:2px;
}

/* ■読者一覧画面■ */
#reader_list ul {
	padding		:0;
	font-size	:1.1em;
	width		:100%;
}
#reader_list ul li {
	padding		:5px;
	border-bottom	:1px dotted #cccccc;
}
#reader_list ul li .reader_blog {
	display		:block;
	margin-top	:2px;
}

/* ■ページ送り■ */
.page {
	font-size	:0.85em;
	margin		:0 auto 14px;
	padding		:0;
	text-align	:center;
}
.page {
	font-size	:0.85em;
	margin		:0 auto 14px;
	padding		:0;
	text-align	:center;
}
.page {
	font-size	:0.85em;
	margin		:0 auto 14px;
	padding		:0;
	text-align	:center;
}


/*++++++++++++++++++++++++++++++++++++++++
コメント
++++++++++++++++++++++++++++++++++++++++*/
#comment_module {
	padding		:0;
	border-top	:3px double #999999;
}
#comment_module h3.title {
	padding-top	:4px;
	font-size	:1.2em;
	font-weight	:bold;
	color		:#333333;
}
#comment_module p.list {
	margin-bottom	:12px;
	padding		:0 2px;
	font-size	:0.8em;
}
#comment_module .each_comment {
	margin-bottom	:10px;
	padding		:10px 10px 10px 10px;
	border		:1px dotted #999999;
}
#comment_module .label {
	margin		:0 0 5px;
	font-weight	:bold;
}
#comment_module .comment_body {
	padding		:0 4px 4px;
}
#comment_module .comment_footer {
	padding		:4px 4px 0;
	border-top	:1px solid #999999;
}
#comment_module .error {
	margin-top	:20px;
	padding-bottom	:10px;
	color		:#ff0000;
}
#comment_show {
	border		:none;
}
#comment_show h4,
#comment_show p,
#comment_present {
	display		:none;
}
/* コメントボタン */
#comment_show #commentbutton {
	display		:block;
	height		:60px !important;
	width		:250px !important;
	text-indent	:-9999px;
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/39/19/p/o0250006010644138970.png) no-repeat center top;
}
#comment_show {
	height		:60px !important;
	width		:250px !important;
}


/*++++++++++++++++++++++++++++++++++++++++
トラックバック
++++++++++++++++++++++++++++++++++++++++*/
#trackback{
	border-top	:3px double #999999;
}
#trackback h3.title {
	padding		:4px 5px 0;
	font-size	:1.2em;
	font-weight	:bold;
}
#trackback p.tr_ping_URL {
	padding		:0 5px;
}
#trackback p.tr_URL {
	padding		:0 5px 5px;
	border-bottom	:1px dotted #999999;
}
#trackback ul {
	padding		:5px;
	border-bottom	:1px dotted #999999;
}
#trackback .label {
	font-weight	:bold;
}



/*++++++++++++++++++++++++++++++++++++++++
広告設定
++++++++++++++++++++++++++++++++++++++++*/
/* Google広告マウスオーバー時background */
.blockhoverGeneral{
}
/* アイコン */
.gadTitle, /* 記事中 */
.gadTitle_s, /* 検索からきた時・記事中 */
#adCount0_footer{ /* 記事下 */
	background	:none !important;
}
/* 文字色 */
.gadTitle,
.gadTitle_s,
.gadDisplayURL,
.gadBox a,
.gadDescription,
#gadLogo_footer a,
#footer_ad a,
.gadDescription_footer,
.gadDisplayURL_footer {
	color		:#cccccc !important;
}
/* リンク下線*/
.gadTitle,
.gadTitle_s,
.gadTitle_footer,
#gadLogo_footer a,
#footer_ad li a {
	text-decoration	:none !important;
}
/* 広告同士の行間 */
#adCount0, /* 記事中 1つ目広告枠全体[div] */
#adCount1, /* 記事中 2つ目広告枠全体[div] */
#adCount2, /* 記事中 3つ目広告枠全体[div] */
#adCount3 { /* 記事中 4つ目広告枠全体[div] 検索から来た時のみ表示 */
	margin-bottom	:5px !important;
}

/* Google広告内の行間 */
.gadBox span {
	padding-top	:3px !important;
}
/* アメーバ広告内の行間 */
#footer_ad li {
	margin-bottom	:3px !important;
}
/* 記事中・各種一覧の幅 */
#general,
#adList {
	width		:350px !important;
	margin		:0 auto !important;
	padding		:5px 10px !important;
}
#gadLogo_footer {
	width		:350px !important;
	margin		:5px auto 0;
	text-align	:right !important;
}


/*++++++++++++++++++++++++++++++++++++++++
サイド（sub_a, sub_b）
++++++++++++++++++++++++++++++++++++++++*/
#sub_a,
#sub_b {
	line-height	:1.4;
}

/* ■サイド共通■ */
/* サイドタイトル */
.mainMenu h4.menu_title {
	width		:180px;
	height		:35px;
	margin		:0 0 10px;
}
/* サイド本文 */
.mainMenu .menu_frame {
	margin		:0 10px 30px;
}

/* ■プロフィール■ */
#profile h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110517/17/il-brille/0d/21/g/o0160003011233882227.gif) no-repeat;
	text-indent	:-9999px;
}
/* プロフィール */
#person ul li.image {
	text-align	:center;
}
#person ul li.image a img {
	border		:1px solid #CCCCCC;
}
#person ul li.piggLink {
	display		:none;
}
#person ul li.profLink {
	text-align	:center;
}
/* アメンバー */
#profile ul#amemberProfArea li {
	line-height	:1.0;
}
/* アメブロリンク */
#profile .link_blog,
#profile .link_info {
	display		:none;
}
#profile div.adlantiss,
#profile div.adlantiss div {
	display		:none !important;
}

/* ■最近の記事■ */
#recent_entries h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/a8/33/g/o0180004011414212695.gif) no-repeat;
	text-indent	:-9999px;
}
#recent_entries .menu_frame ul li{
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}

/* ■最近のコメント■ */
#recent_comment h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110517/17/il-brille/a2/f9/g/o0160003011233901073.gif) no-repeat;
	text-indent	:-9999px;
}
#recent_comment .menu_frame ul li{
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}

/* ■テーマ一覧■ */
#theme_list h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/cc/a3/g/o0180004011414228503.gif) no-repeat;
	text-indent	:-9999px;
}
#theme_list .menu_frame ul li{
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}

/* ■過去の記事■ */
#archives h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/2a/77/g/o0180004011414214199.gif) no-repeat;
	text-indent	:-9999px;
}
#archives .menu_frame ul li{
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}

/* ■カレンダー■ */
#calendar h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/be/63/g/o0180004011414217427.gif) no-repeat;
	text-indent	:-9999px;
}
#calendar table {
	width		:160px;
	line-height	:1.4;
}
#calendar caption {
	padding		:5px 0;
}
#calendar caption a {
	padding		:0 5px;
}
#calendar th,
#calendar td {
	padding		:2px 0;
	text-align	:center;
}
#calendar .sun { /* 日曜日 */
}
#calendar .sat { /* 土曜日 */
}
#calendar td a { /* ブログを書いた日 */
	font-weight	:bold;
	text-decoration	:underline;
}

/* ■アメブロランキング■ */
#ranking h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/cd/f3/g/o0200004011414214193.gif) no-repeat;
	text-indent	:-9999px;
}
#ranking .menu_frame .rank_ttl {
	margin		:0 0 3px;
	font-weight	:bold;
}
#ranking .menu_frame img {
	margin-left	:5px;
}
#ranking .menu_frame .rank_all, 
#ranking .menu_frame .rank_genre {
	margin		:0 0 8px
}

/* ■ブログの読者■ */
#reader h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/c0/a1/g/o0180004011414214194.gif) no-repeat;
	text-indent	:-9999px;
}
#reader .menu_frame p {
	display		:inline;
}
#reader .menu_frame ul li {
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}
/* 読者になるボタン */
#reader .menu_frame dt {
	margin		:0 0 5px;
}
#reader .menu_frame dt a {
	display		:block;
	width		:160px;
	height		:77px;
	text-indent	:-9999px;
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/98/15/p/o0160015410644138972.png) no-repeat;
}
#reader .menu_frame dt a:hover {
	background-position:0 -77px;
}
#reader .menu_frame dd {
	display		:none;
}

/* ■ブックマーク■ */
#bookmark h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/5b/92/g/o0200004011414211433.gif) no-repeat;
	text-indent	:-9999px;
}
#bookmark .menu_frame ul li {
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}

/* ■お気に入りブログ■ */
#favorite h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/5e/ff/g/o0180004011414214195.gif) no-repeat;
	text-indent	:-9999px;
	display		:block;
}
#favorite .menu_frame ul li{
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/2d/5d/p/o0009000910644139846.png) no-repeat 0 3px;
	padding-left	:14px;
}
/* ■ブログ内検索■ */
#search h4.menu_title {
	background	:url(//stat.ameba.jp/user_images/20110813/16/il-brille/e7/6b/g/o0180004011414214197.gif) no-repeat;
	text-indent	:-9999px;
}
#search .menu_frame {
	text-align	:center;
}
#search .searchbox {
	width		:160px;
}
#search .searchbtn {
	width		:40px;
}

/* ■RSS■ */
#rss .menu_frame {
	margin-bottom	:0;
	text-align	:center;
}

/* ■アメブロ広告■ */
/* PR */
#defaultAd h4.menu_title {
	margin-bottom	:0;
	height		:0;
	text-indent	:-9999px;
}

/* ブログを作るボタン */
a#btn_blog {
	background	:url(//stat.ameba.jp/user_images/20100717/19/ameblo-book/12/62/p/o0160008010644138971.png) no-repeat 0 0;
	display		:block;
	height		:40px;
	width		:160px;
	text-indent	:-9999px;
	margin-bottom	:5px;
}
a#btn_blog:hover {
	background-position:0 -40px;
}

/* テキスト広告 */
#sideTextAd {
	padding		:0;
}

/* フッタ広告 */
#footerArea {
	margin		:10px;
	text-align	:center;
}