/*

  E00_02_Phonograph3
  使用していて不都合等発生した場合、また質問等は、E-テンプレート「e00_02_Phonograph」（http://etemplate.blog92.fc2.com/blog-entry-16.html）にてコメントをください。

  -- index ---
  00.base
  01.outline
  02.elements

--------------------------------------------------------*/

/*-- ★ 文字サイズ変更 ★
'font-size:'以下の数値を変える事で、文字のサイズを変更できます
色々試して、お好みの大きさに調整してください--*/

/*--●全体における文字サイズ--*/
body{font-size:75%;}

/*--●メイン（ブログタイトル含む）全般の文字サイズ--*/
#EntryArea{font-size:100%;}

/*--・ブログタイトルの文字サイズ--*/
#BlogTitle h1{font-size:133%;}

/*--・ブログの説明の文字サイズ--*/
#BlogTitle p{font-size:100%;}

/*--○記事全般の文字サイズ--*/
#EntryArea .tab{font-size:100%;}

/*--・記事タイトルの文字サイズ--*/
#EntryArea h2{font-size:120%;}

/*--・記事タイトルのすぐ下の文字サイズ--*/
#EntryArea .entry-data p{font-size:86%;}

/*--・記事本文の文字サイズ--*/
#EntryArea .entry_contents{font-size:100%;}

/*--・記事本文の下の文字サイズ--*/
#EntryArea .comment-tb{font-size:86%;}

/*--○プラグインカテゴリー3全般の文字サイズ--*/
#EntryArea .topin{font-size:100%;}

/*--○コメント・トラックバック全般の文字サイズ--*/
#EntryArea .CM-TB{font-size:100%;}

/*--・個々のコメント・個々のトラックバックの文字サイズ--*/
#EntryArea .CM-TB-in{font-size:100%;}

/*--●左サイド全般の文字サイズ--*/
#SideArea{font-size:100%;}

/*--・左サイド・プラグインタイトルの文字サイズ--*/
#SideArea dt{font-size:100%;}

/*--・左サイド・プラグイン内容の文字サイズ--*/
#SideArea dd{font-size:86%;}

/*--●右サイド全般の文字サイズ--*/
#SideArea_2{font-size:100%;}

/*--・右サイド・プラグインタイトルの文字サイズ--*/
#SideArea_2 dt{font-size:100%;}

/*--・右サイド・プラグイン内容の文字サイズ--*/
#SideArea_2 dd{font-size:86%;}


/*----------------------------------------------------------------
--00.base
----------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html{
	height:100%;
	background:#0A0702;
}
body{
	height:100%;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_head.jpg) no-repeat;
}
ul,ol{
	list-style:none;
}
img{
	border:0;
}
.clear{
	clear:both;
}
table{
	border-collapse: collapse;
}

/*-- 文字の設定
----------------------------------------------------------------*/
body{
	font-family:"Verdana";
	color:#d5ceb9;
}
body *{
	font-size:100%;
}
small{
	font-size: 86%;
}
big{
	font-size: 120%;
}
a:link {
	color:#a5e760;
	text-decoration:underline;
}
a:visited {
	color:#a7ba8a;
	text-decoration:underline;
}
a:hover {
	color:#d3fe17;
	text-decoration:underline;
}
a:active {
	color:#d3fe17;
	text-decoration:underline;
}
h3{
	font-size: 120%;
	color:#ed4e1a;
	margin:0 0 0.1em 0;
}



/*----------------------------------------------------------------
--01.outline
----------------------------------------------------------------*/

/*-------------------------------------- #ALL --*/
#ALL{
	_height:100%;
	min-height:100%;
}
body > #ALL{
	height:auto;
}
#ALL-in{
	width:980px;
	_width:985px;
	background:url(http://blog-imgs-16.fc2.com/e/t/e/etemplate/e00_02_bg03_3.gif) repeat-y;
}

/*-------------------------------------- #ContentsArea < #ALL --*/
#ContentsArea{
	width:790px;
	float:left;
}

/*-------------------------------------- #EntryArea < #ContentsArea < #ALL --*/
#EntryArea{
	width:605px;
	_width:595px;
	float:left;
}
#EntryArea .tab{
	margin:0 0 25px 0;
}
#EntryArea h2{
	position:relative;
	_height:47px;
	min-height:47px;
	background:url(http://blog-imgs-16.fc2.com/e/t/e/etemplate/e00_02_bg01_3.gif) no-repeat left;
}
#EntryArea h2 a,
#EntryArea h2 span{
	position:absolute;
	width:460px;
	left:110px;
	bottom:7px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#EntryArea h2 span{color:#32FE32;}
#EntryArea h2 a:link   {color:#32FE32;}
#EntryArea h2 a:visited{color:#32FE32;}
#EntryArea h2 a:hover  {color:#2bd52b;}
#EntryArea h2 a:active {color:#2bd52b;}

#EntryArea .tabin{
	margin:0 25px 0 20px;
}
#EntryArea .entry-data{
	margin:5px 0 0 0;
}
#EntryArea .entry-data p{
	line-height:1.3;
	color:#fe7650;
}
#EntryArea .entry-data p a{
	background:#120F0B;
	margin:.4em 0;
	padding:.1em 0 .2em .5em;
}
#EntryArea .entry-data p a{
	text-decoration:none;
}
#EntryArea .entry-data .date{
	 color:#FE6137;
	 float:left;
}
#EntryArea .entry-data .category{
	 color:#FE6137;
	 float:right;
}
#EntryArea .entry_contents{
	margin:15px 0 0 0;
	line-height:1.7;
}
#EntryArea .comment-tb{
	margin-top:1.2em;
	line-height:1.3;
	color:#fe7650;
}
#EntryArea .comment-tb a{
	background:#120F0B;
	margin:.4em 0;
	padding:.1em 0 .2em .5em;
}
#EntryArea .tag-data{
	margin-top:1.2em;
	line-height:1.3;
}
#EntryArea .click-close{
	clear:both;
	margin:0 -8px 0 -5px;
}
#EntryArea .click-close a{
	display:block;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_line02.gif) no-repeat bottom right;
	padding:12px 0 0 0;
	line-height:0.8;
	text-align:center;
	text-decoration:none;
}
#EntryArea .click-close a:link   {color:#7b1f08;}
#EntryArea .click-close a:visited{color:#7b1f08;}
#EntryArea .click-close a:hover  {color:#b22d0c;}
#EntryArea .click-close a:active {color:#b22d0c;}


#EntryArea .page_trans{
	color:#621A07;
	text-align:center;
	margin:0 20px 30px 20px;
}


/*-------------------------------------- #BlogTitle < #ContentsArea < #ALL --*/
#BlogTitle-in{
	float:right;
	margin:225px 9px 0 200px;
	text-align:right;
}
#BlogTitle h1{
	padding:0 20px .3em 0;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_line01.gif) no-repeat bottom right;
	line-height:1.4;
}
#BlogTitle h1 a        {text-decoration:none;}
#BlogTitle h1 a:link   {color:#d3fe17;}
#BlogTitle h1 a:visited{color:#d3fe17;}
#BlogTitle h1 a:hover  {color:#f1fe3b;}
#BlogTitle h1 a:active {color:#f1fe3b;}

#BlogTitle p{
	padding:.4em 20px 0 .2em;
	margin:0 0 20px 0;
	color:#dba999;
	line-height:1.3;
}

/*-------------------------------------- #SideArea < #ContentsArea < #ALL --*/
#SideArea{
	width:185px;
	float:left;
}
#SideArea-in{
	margin:-15px 0 0 10px;
}
#SideArea_2{
	width:185px;
	float:right;
	_float:left;
}
#SideArea_2-in{
	margin:20px 0 0 0;
}
#SideArea_2 dl,
#SideArea dl{
	border-right:#592114 solid 1px;
	border-bottom:#592114 solid 1px;
	margin:15px 0;
}
#SideArea_2 dt,
#SideArea dt{
	background: url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_bg04.gif) no-repeat;
	color:#FE6132;
	padding:8px 12px 5px;
}
#SideArea_2 dd,
#SideArea dd{
	border-left:#592114 solid 1px;
	padding:6px 12px 7px 12px;
	line-height:1.5;
}
#SideArea_2 dd dl,
#SideArea dd dl{
	border:none;
	margin:0 0 0 -12px;
	_margin:0 0 0 -14px;
}
#SideArea_2 dd dt,
#SideArea dd dt{
	background:url(http://blog-imgs-16.fc2.com/e/t/e/etemplate/e00_02_icon01_3.gif) no-repeat 0 .65em;
	padding:.3em 0 .2em 16px;
}
#SideArea_2 dd dt,
#SideArea_2 dd dt a,
#SideArea dd dt,
#SideArea dd dt a{
	text-decoration:none;
	color:#FE6132;
}
#SideArea_2 dd dd,
#SideArea dd dd{
	border:none;
	padding:0 0 .8em 16px;
	font-size:100%;
}

#SideArea_2 dd ul,
#SideArea dd ul{
	margin:0 0 0 -12px;
	_margin:0;
}
#SideArea_2 dd ul li,
#SideArea dd ul li{
	background:url(http://blog-imgs-16.fc2.com/e/t/e/etemplate/e00_02_icon03_3.gif) no-repeat 0 .65em;
	padding:.2em 0 .15em 16px;
	_background:url(http://blog-imgs-16.fc2.com/e/t/e/etemplate/e00_02_icon02_3.gif) no-repeat 0 .75em;
	_padding:.1em 0 .35em 6px;
}
#SideArea_2 dd ul ul,
#SideArea_2 dd dd ul,
#SideArea dd ul ul,
#SideArea dd dd ul{
	margin:0;
}
#SideArea_2 dd ul ul li,
#SideArea_2 dd dd ul li,
#SideArea dd ul ul li,
#SideArea dd dd ul li{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_icon02.gif) no-repeat 0 .75em;
	padding:.1em 0 .35em 10px;
}

/*-------------------------------------- #FootArea < #ALL --*/
#FootArea{
	clear:both;
	padding:0 20px 15px 20px;
	font-size:86%;
	line-height:1.5;
}


/*----------------------------------------------------------------
--02.elements
----------------------------------------------------------------*/

/*-------------------------------------- サブタイトル --*/
#sub_title_area{
	padding:0 20px 15px 122px;
}
#sub_title{
	background:#0A0702 url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_icon06.gif) no-repeat 0 .4em;
	margin: .3em 0 .3em -122px;
	padding:.2em 0 .2em 122px;
	color:#ED4E1A;
}
#sub_intro{
}

/*-------------------------------------- コメント・トラックバック --*/
#CM{
	clear:both;
	padding:45px 0 0 0;
}
#TB{
	padding:10px 0 0 0;
}
.CM-TB-title{
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 468px 0 0;
	color:#A7381A;
	text-align:right;
}
.CM-TB .comment_text,
.CM-TB .TBurl,
.CM-TB-in{
	margin:-2.1em 0 0 105px;
	padding:10px 19px 8px 20px;
	border-top:#2B2928 solid 1px;
	line-height:1.5;
}
.CM-TB .comment_text{_border-bottom:#2B2928 solid 1px;}
.CM-TB-in{
	margin-bottom:2.5em;
}
.CM-TB .TBurl .title,
.CM-TB .comment_text .title{
	padding:1px 0;
	color:#A7381A;
	font-weight:bold;
}
.CM-TB .TBurl .title{
	float:left;
	padding:1px 15px 1px 5px;
}
.CM-TB .TBurl input{
	margin:2px 0 0 0;
	width:82%;
	border:#0A0702 solid 1px;
	background:#0A0702;
	color:#d5ceb9;
}
.CM-TB-in .title{
	font-weight:bold;
	margin-bottom:0.3em;
	color:#B15C1B;
}
.CM-TB-in .data{
	margin-top:0.3em;
	text-align:right;
	font-size:86%;
}
.CM-TB .comment_text form{
	padding:5px 10px 15px 5px;
}
.CM-TB .comment_text .title{
	padding:5px 25px 1px 5px;
}
.CM-TB .comment_text td{
	text-align:left;
	padding:3px 0 0 0;
}
.CM-TB .comment_text td input,
.CM-TB .comment_text td textarea{
	background:#0A0702;
	border:#37332f solid 1px;
	margin-right:.5em;
	padding:.3em .4em;
	color:#d5ceb9;
}
.CM-TB .comment_text td textarea{
	margin-right:0;
	line-height:1.3;
	width:300px;
}
.CM-TB .comment_text td textarea{
	scrollbar-highlight-color: #282828;
	scrollbar-shadow-color: #282828;
	scrollbar-3dlight-color: #0A0702;
	scrollbar-arrow-color: #dcdace;
	scrollbar-track-color: #0A0702;
	scrollbar-darkshadow-color: #0A0702;
	scrollbar-base-color: #0A0702;
}

.CM-TB .comment_text th{
	text-align:left;
	font-weight:normal;
	padding:3px 8px 0 0;
}
#comment_post .comment_text{
	text-align:left;
}

/*-------------------------------------- 過去の記事一覧 --*/
#page_Archives dl{
	margin:16px 25px 17px 20px;
}
#page_Archives .archives_title a{
	text-decoration:none;
	font-weight:bold;
}
#page_Archives .archives_data{
	font-size:86%;
}
#page_Archives dd{
 line-height: 1.6;
 margin:.3em 0 0 2em;
}

/*-------------------------------------- プラグイン3 --*/
#EntryArea .topin dl{
	border-right:#592114 solid 1px;
	border-bottom:#37150e solid 1px;
	margin:0 25px 25px 18px;
	_margin:0 15px 25px 18px;
}
#EntryArea .topin dt{
	background: url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_bg04.gif) no-repeat;
	color:#FE6132;
	padding:8px 12px 5px;
}
#EntryArea .topin dd{
	border-left:#592114 solid 1px;
	padding:6px 12px 5px;
	line-height:1.5;
}
#EntryArea .topin dd dl{
	border:none;
	margin:.3em 0 0 -12px;
	font-size:86%;
}
#EntryArea .topin dd dt{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_icon01.gif) no-repeat 0 .65em;
	padding:.3em 0 .2em 20px;
}
#EntryArea .topin dd dt,
#EntryArea .topin dd dt a{
	text-decoration:none;
	color:#FE6132;
}
#EntryArea .topin dd dd{
	border:none;
	padding:0 0 .5em 20px;
}


/* プラグイン
---------------------------------------------------------------*/

/*--------------------------------------  カレンダー --*/
.plugin-calender{
	text-align:center;
}
.plugin-calender caption{
	padding:0 0 7px 0;
}
.plugin-calender th,
.plugin-calender td{
	padding:2px 0;
	width:24px;
}
.plugin-calender th{
	color:#A7381A;
}

/*--------------------------------------  検索 --*/
.plugin-search input{
	vertical-align:middle;
	font-size:120%;
	margin:0 -1px 0 0;
	background:#0A0702;
	border:#37332f solid 1px;
	padding:.2em .5em;
	color:#d5ceb9;
}


/* fc2機能への対応
---------------------------------------------------------------*/

/*-------------------------------------- 拍手、プックマークのボタン --*/
.fc2_footer{
	clear:both;
	margin:1.6em 0 0 0;
}

/*-------------------------------------- 絵文字の扱い --*/
img.emoji{
	vertical-align:middle;
}


/* おまけ機能
---------------------------------------------------------------*/

/*-------------------------------------- 水平線 --*/
hr{
	border-top:#4b190c solid 1px;
	height:1px;
	padding:0;
	margin:0;
}

/*--------------------------------------  リスト --*/
#EntryArea ul{
	margin:.5em 0;
}
#EntryArea ul li{/*四角いアイコンが頭に付いたリスト*/
	line-height:1.4;
	padding:.2em 0 .2em 13px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_icon04.gif) 0 .5em no-repeat;
}
#EntryArea ul.link-list li{/*右向き三角が頭に付いたリスト*/
	line-height:1.4;
	padding:.2em 0 .2em 13px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e00_02_icon02.gif) 0 .7em no-repeat;
}

/*--------------------------------------  ソースコード・引用文 --*/
code,
blockquote{
	border-left:#4f210e solid 3px;
	background:#120f0b;
	padding:0.3em 0.6em 0.2em 0.8em;
	_padding:0 0.6em 0 0.8em;
	margin:0.6em 0;
	color:#d5ceb9;
}
code{display:block;}

/*-------------------------------------- 画像にclass="photo"を設定したときに、写真枠を付ける設定----*/
#EntryArea .tab img.photo{
	border:#474035 solid 1px;
	background-color:#19160f;
	padding:5px;
}
img.photo{
	border:#474035 solid 1px;
	background-color:#19160f;
	padding:2px;
}

/*--------------------------------------  ポップアップ --*/
a.pop{position:relative;}
a.pop span{
	position:absolute;
	bottom:1em;
	left:5em;
	white-space:nowrap;
	padding:5px;
	visibility:hidden;
	background:#201705;
	color:#ffffff;
	font-size:86%;
	line-height:1.4;
	filter:alpha(opacity=90);
	text-decoration:none;
	cursor:defalt;
}
a.pop:hover,
a.pop:hover span{visibility:visible;}


/*----------------------------------------------------------------
-- Last.clearfixHack
----------------------------------------------------------------*/
h2,
dl,dt,dd,
ul,
div{
	zoom:1;
}
h2:after,
dl:after,dt:after,dd:after,
ul:after,
div:after{
	content:".";
	height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}
/*\*/
* html h2,
* html dl,* html dt,* html dd
* html ul,
* html div{
	height:1%;
}
/* hide from IE-5.0 */