/*

  E02_02_BlueBlue-n
  
  javascriptを利用して、サムネイルをクリックすると内容が広がる仕様になっています。
  サムネイル表示している時は、エントリー内の画像の高さを強制的に変更しています。（IE7.0、Firefox等の場合）
  また、画像を回り込みをさせているため、記事の書き方によってはおかしな表示になってしまうと思います。
  画像の高さを変更したり、回り込みさせたくない場合（つまり、変なギミックをさせたくない場合）このソースで「エントリーを閉じた時の画像の扱い」と検索し、そこをカスタマイズする必要があります（詳細はそちらで）。

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

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

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

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

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

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

/*--○記事全般の文字サイズ--*/
#EntryArea .tab.off{font-size:86%;}/*--・はじめに表示された時--*/
#EntryArea .tab.on{font-size:100%;}/*--・クリックした時、記事固定画面の時--*/

#EntryArea h2{font-size:120%;}/*--・記事タイトル--*/
#EntryArea h2 .entry-date{font-size:86%;}/*--・記事タイトル右の投稿日時--*/
#EntryArea .entry-data{font-size:86%;}/*--・記事タイトルのすぐ下--*/

#EntryArea .entry_contents{font-size:100%;}/*--・記事本文--*/
#EntryArea .tag-data{font-size:86%;}/*--・記事本文の下のタグ--*/

/*--○ページ切り替え部分の文字サイズ--*/
#EntryArea .page_trans{font-size:86%;}

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

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

/*--●右サイド全般の文字サイズ--*/
#SideArea{font-size:86%;}
#SideArea #Bar_1{font-size:100%;}/*--○右サイド・プラグインカテゴリー1--*/
#SideArea #Bar_2{font-size:100%;}/*--○右サイド・プラグインカテゴリー1--*/


/*----------------------------------------------------------------
--00.base
----------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg01.gif) repeat-x;
}
body{
	background-image:url(http://blog92.fc2.com/e/etemplate/file/e02_02_top07.gif);
	background-repeat:no-repeat;
	background-position:50% 0; 
}
ul,ol{
	list-style:none;
}
img{
	border:0;
}
.clear{
	clear:both;
}
table{
	border-collapse: collapse;
}
#main_image{
	display:none;
}

/*-- 文字の設定
----------------------------------------------------------------*/
body{
	font-family:"Verdana";
	color:#444444;
}
body *{
	font-size:100%;
}
small{
	font-size: 86%;
}
big{
	font-size: 120%;
}
a:link {
	color:#555bad;
	text-decoration:underline;
}
a:visited {
	color:#66688d;
	text-decoration:underline;
}
a:hover {
	color:#6b72d8;
	text-decoration:underline;
}
a:active {
	color:#6b72d8;
	text-decoration:underline;
}
h3{
	font-size: 120%;
	color:#169fd7;
	margin:0 0 0.1em 0;
}



/*----------------------------------------------------------------
--01.outline(common)
----------------------------------------------------------------*/

/*-------------------------------------- #ALL --*/
#ALL{
	_text-align:center;
}
#ALL-in{
	position:relative;
	width:970px;
	margin:0 auto;
	_text-align:left;
}
#ALL-in{
	background-repeat:no-repeat;
	background-position:547px 1280px; 
	background-image:url(http://blog92.fc2.com/e/etemplate/file/e02_02_top08.gif); 
}

/*-------------------------------------- #ContentsArea < #ALL --*/
#ContentsArea-in{
	margin:0 5px 0 8px;
}

/*-------------------------------------- #EntryArea < #ContentsArea < #ALL --*/
#EntryArea{
	float:left;
	width:500px;
	margin:0 0 0 10px;
}
#EntryArea .tab{
	margin:0 0 25px 0;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg04.gif) repeat-y;
}
#EntryArea h2{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg03.gif) no-repeat;
	padding:10px 5px 4px 15px;
	line-height:1.4;
}
#EntryArea h2 .entry-date{
	float:right;
	font-weight:normal;
	color:#6a8bac;
	line-height:1.9;
	margin-left:.5em;
}
#EntryArea h2 a        {text-decoration:none;font-weight:bold;}
#EntryArea h2 a:link   {color:#16498e;}
#EntryArea h2 a:visited{color:#16498e;}
#EntryArea h2 a:hover  {color:#1e60ba;}
#EntryArea h2 a:active {color:#1e60ba;}

#EntryArea .entry-data{
	text-align:right;
	color:#6a8bac;
	line-height:1.6;
}
#EntryArea .entry_contents{
	padding:.5em 0 1em 0;
	line-height: 1.7;
}
#EntryArea .tag-data{
	border-top:#9ed9ff solid 1px;
	padding:.5em 0 .5em 0;
	font-weight:bold;
	color:#999999;
	line-height:1.4;
}
#EntryArea .tag-data a{
	font-weight:normal;
}

#EntryArea .page_trans{
	position:relative;
	border:#9ed9ff solid 1px;
	background-color:#eefaff;
	color:#aaaaaa;
	line-height:1.8;
	text-align:center;
}
#EntryArea .page_trans a.old_page{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon02.gif) left center no-repeat;
	padding:0 0 0 14px;
}
#EntryArea .page_trans a.new_page{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon03.gif) right center no-repeat;
	padding:0 14px 0 0;
}
#EntryArea .page_trans a        {text-decoration:none;}
#EntryArea .page_trans a:link   {color:#3fbceb;}
#EntryArea .page_trans a:visited{color:#3fbceb;}
#EntryArea .page_trans a:hover  {color:#62d0f8;}
#EntryArea .page_trans a:active {color:#62d0f8;}

#EntryArea #sub_title span{ /*-- サブタイトル --*/
	display:block;
	float:left;
	padding:.2em .6em;
	background-color:#3db4eb;
	line-height:1.3;
	color:#ffffff;
}
#EntryArea #sub_title{margin-top:-10px;padding:0 0 10px 0;}


/*-------------------------------------- #BlogTitle < #ContentsArea < #ALL --*/
#BlogTitle{
	width:500px;
	margin:16px auto 20px auto;
	min-height:47px;
	_height:47px;
}
#BlogTitle h1{}
#BlogTitle h1 a        {text-decoration:none;}
#BlogTitle h1 a:link   {color:#16498e;}
#BlogTitle h1 a:visited{color:#16498e;}
#BlogTitle h1 a:hover  {color:#1d5eb7;}
#BlogTitle h1 a:active {color:#1d5eb7;}

#BlogTitle p{
	padding-top:3px;
	line-height:1.3;
}
#BlogTitle2{
	display:none;
}
/*-------------------------------------- #SideArea < #ContentsArea < #ALL --*/
#SideArea{
	float:right;
	padding-top:79px;
	width:418px;
}
#SideArea-in{
	margin-left:189px;
}
#SideArea #Bar_1 dt span{
	display:block;
	float:left;
	background-color:#3db4eb;
	color:#ffffff;
	padding:.2em 1em;
	padding-left:10px;
}
#SideArea #Bar_1 dd{
	line-height:1.5;
	padding:5px 0 15px 15px;
}
#SideArea #Bar_1 dd dt{
	background:none;
}
#SideArea #Bar_1 dd dl{
	margin:7px 0 0 0;
}
#SideArea #Bar_1 dd dt a,
#SideArea #Bar_1 dd dt span{
	display:block;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon04.gif) center left no-repeat;
	padding-left:12px;
	text-decoration:none;
}
#SideArea #Bar_1 dd dt span{color:#0ab5c4;}
#SideArea #Bar_1 dd dd{
	padding:3px 0 0 12px;
}
#SideArea #Bar_2{
	margin-left:30px;
}
#SideArea #Bar_2 dl{
	margin-bottom:10px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg05.gif);
	border:#d9ebe6 solid 2px;
}
#SideArea #Bar_2 dt{
	padding:7px 9px 0 9px;
}
#SideArea #Bar_2 dt span{
	display:block;
	padding:0 0 2px 0;
	border-bottom:#0ab5c4 solid 1px;
	color:#27a2f4;
}
#SideArea #Bar_2 dd{
	padding:9px;
}
#SideArea #Bar_2 dd dl{
	margin:7px 0 0 0;
	background:none;
	border:none;
}
#SideArea #Bar_2 dd dt{
	padding:0;
}
#SideArea #Bar_2 dd dt a,
#SideArea #Bar_2 dd dt span{
	display:block;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon04.gif) center left no-repeat;
	padding:0;
	padding-left:12px;
	border:none;
	text-decoration:none;
}
#SideArea #Bar_2 dd dd{
	padding:3px 0 0 12px;
}
#SideArea dd dt a:link   {color:#0ab5c4;}
#SideArea dd dt a:visited{color:#0ab5c4;}
#SideArea dd dt a:hover  {color:#0dd1e0;}
#SideArea dd dt a:active {color:#0ab5c4;}

#SideArea ul li{
	line-height:1.3;
	padding:0 0 .4em 15px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon03.gif) 0 .3em no-repeat;
}

/*-------------------------------------- #FootArea < #ALL --*/
#FootArea{
	margin:2em 5px 0.8em 20px;
	line-height:1.8em;
	font-size:86%;
	_text-align:left;
}
#FootArea a{
	text-decoration:none;
}
#FootArea .copy{
	float:left;
}
#FootArea .to_top{
	float:right;
	border:#9ed9ff solid 1px;
	background:#eefaff;
	padding:2px 7px;
	line-height:1.5;
}
#FootArea .to_top a{
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_icon07.gif) left center no-repeat;
	padding:0 0 0 14px;
}
#FootArea .to_top a:link   {color:#3fbceb;}
#FootArea .to_top a:visited{color:#3fbceb;}
#FootArea .to_top a:hover  {color:#62d0f8;}
#FootArea .to_top a:active {color:#62d0f8;}


/*----------------------------------------------------------------
--02.outline(open)
----------------------------------------------------------------*/

/*-------------------------------------- #EntryArea < #ContentsArea < #ALL (open)--*/
#EntryArea .tab.on{
	height:auto;
	overflow:visible;
	position:relative;
	_overflow:hidden;
}
#EntryArea .tab.on .entry-data,
#EntryArea .tab.on .entry_contents,
#EntryArea .tab.on .tag-data{
	margin-left:20px;
}
#EntryArea .tab .click-close{
	display:none;
}
#EntryArea .tab.on .click-close{
	display:block;
	position:absolute;
	bottom:3px;
	right:7px;
}
#EntryArea .page_trans .to_top{
	display:block;
	position:absolute;
	top:-5px;
	right:7px;
}



/*----------------------------------------------------------------
--03.outline(close)
----------------------------------------------------------------*/

/*-------------------------------------- #EntryArea < #ContentsArea < #ALL (close)--*/
#EntryArea .tab.off{ 
	overflow:hidden;
	position:relative;
	color:#666666;
}
#EntryArea .tab.off .entry-data,
#EntryArea .tab.off .entry_contents,
#EntryArea .tab.off .tag-data{
	margin-left:15px;
}
#EntryArea .tab.off .entry_contents .entry_more{
	display:none;
}
/*-------------------------------------- ↓閉じた時の高さ --*/
#EntryArea .tab.off .click-open,
#EntryArea .tab.off{
	height:190px;
}

/*-------------------------------------------- ↓マウスオーバー後 --*/
#EntryArea .tab.off .over{
	background:#f6fcff url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg04.gif) repeat-y;
	opacity:0.45;
	filter:alpha(opacity=45);
}
#EntryArea .tab.on .click-open{
	display:none;
}
#EntryArea .tab.off .click-open{
	width:100%;
	position:absolute;
	right:0;
	top:0;
	cursor: pointer;
	background:url(http://blog-imgs-10.fc2.com/e/t/e/etemplate/space.gif);
}
/*--------------------------------------  エントリーを閉じた時の画像等の扱い --*/
#EntryArea .tab.off img{
	max-height:90px;/*-- 強制的に画像のサイズを変更しています（IE6では変更されません） --*/
	float:left;/*-- 左に回りこませています --*/
	margin:0 5px 5px 0;/*-- 左に回り込んだ時の空きの設定です --*/
}
/*絵文字の設定--上記の設定をしている場合、削除しないでください--*/
#EntryArea .tab.off img.emoji{
	height:auto;
	float:none;
	margin:0;
}
/*拍手、ブックマークボタンを消します*/
#EntryArea .tab.off .fc2_footer{
	display:none;
}



/*----------------------------------------------------------------
--04.elements
----------------------------------------------------------------*/

/*-------------------------------------- コメント・トラックバック --*/
.CM-TB{
	padding:25px 0 0 0;
}
.CM-TB-title{
	color:#3291fa;
	font-weight:bold;
	margin:0 0 -3px 3px;
	padding:5px 5px 5px 17px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg05.gif);
}
.CM-TB .comment_text,
.CM-TB .TBurl,
.CM-TB-in{
	margin:0 0 0 3px;
	padding:15px 0 5px 17px;
	border-top:#b5e5fb solid 1px;
	line-height:1.5;
}
.CM-TB .TBurl .title,
.CM-TB .comment_text .title{
	float:left;
	margin-right:5px;
	padding:1px 8px 1px 5px;
	border-right:#bae6ff solid 3px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg05.gif);
	color:#3291fa;
	font-weight:bold;
}
.CM-TB .TBurl input{
	width:82%;
	border:#ffffff solid 1px;
}
.CM-TB-in .title{
	font-weight:bold;
	margin-bottom:.4em;
	color:#555555;
}
.CM-TB-in .data{
	margin-top:0.8em;
	text-align:right;
}
.CM-TB .comment_text{
	text-align:center;
	padding:15px 10px;
}
.CM-TB .comment_text td{
	text-align:left;
}
.CM-TB .comment_text th{
	text-align:left;
	font-weight:normal;
	padding-right:5px;
}
#comment_post .comment_text{
	text-align:left;
}

/*-------------------------------------- 過去の記事一覧 --*/

#page_Archives{
	margin:-10px 0 25px 0;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg04.gif) repeat-y;
	line-height:1.7;
}
#page_Archives #sub_title{margin-top:0;}
#page_Archives dl{
	margin-top:5px;
}
#page_Archives dt{
	margin-left:3px;
	padding:2px 2px 2px 17px;
	background:url(http://blog-imgs-14.fc2.com/e/t/e/etemplate/e02_02_bg05.gif);
}
#page_Archives dt .archives_title a{
	text-decoration:none;
	font-weight:bold;
}
#page_Archives dt .archives_data{
	font-size:75%;
	padding-left:5px;
}
#page_Archives dd{
	padding:4px 0 15px 20px;
}

/*-------------------------------------- プラグイン3 --*/
#EntryArea .topin dt span{
	display:block;
	float:left;
	background-color:#3db4eb;
	color:#ffffff;
	padding:.2em 10px;
	font-weight:bold;
}
#EntryArea .topin dd{
	line-height:1.5;
	padding:.4em 0 .4em 8px;
	border-left:#3db4eb solid 1px;
	border-bottom:#3db4eb solid 1px;
	margin:0 0 15px 10px;
}


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

/*--------------------------------------  カレンダー --*/
.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: #5cb0f4;
}

/*--------------------------------------  検索 --*/
.plugin-search input{
	vertical-align:middle;
}


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

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

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


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

/*-------------------------------------- 画像にclass="photo"を設定したときに、写真枠を付ける設定----*/
#EntryArea .tab.off img.photo{
	border:#d2d8de solid 1px;
	background-color:#fcfcfc;
	padding:1px;
}
#EntryArea .tab.on img.photo{
	border:#b6bfcf solid 1px;
	background-color:#f1f1f1;
	padding:5px;
}
img.photo{
	border:#cae5ff solid 1px;
	background-color:#f1f8ff;
	padding:2px;
}

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

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

/*--------------------------------------  ソースコード --*/
code{
	display: block;
	border:#c7d9dd solid 1px;
	background-color:#ecf9f6;
	padding:0.5em;
	margin:0.4em 0;
}

/*--------------------------------------  引用文 --*/
blockquote{
	background-color:#edeff0;
	padding:0.5em;
	margin:0.4em 0;
}


/*----------------------------------------------------------------
-- 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 */