@charset "utf-8";

/*● TEMPLATE INFORMATION 「テンプレート情報」
───────────────────────────────────────
  Template    : eeelog
  Author      : caseofb ( http://caseofb.blog5.fc2.com/ ）
  Author HN   : ばっち
  Check       : IE8,Firefox3,Opera9.6,GoogleChrome1.0
  Version     : 2.2 ( [HTML] 09/04/16 [CSS] 09/04/16 )

  ● 利用規約
  １.このテンプレートは、FC2ブログユーザーであればどなたでも使う権利を
     有します。

  ２.利用にあたってはFC2ブログの利用規約に沿ってください。

  ３.予告無くテンプレート及び使用している画像素材を登録削除する場合が
     あるかもしれません。

  ４.HTML及びスタイルシートの変更に関して制限はありませんが、フッターの
     作者ブログへのリンクは残して下さい。

  ５.全てを使用者自身の責任においてご利用ください。     

  ● 質問・要望・不具合報告等は作者ブログへお気軽にどうぞー。
     その際には、テンプレートのバージョンなど記述してください。
*/

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
	margin:0;
	padding:0;
}

html {	overflow-y:scroll;}
/* Modern browser */
html>/**/body {	font-size:13px;}

/* 基本設定--------------------------------------------------------- */

body{
	color:#444;
	text-align:center;
	font-size:small !important; /* IE7 */
	font-size:82%; /* IE6 */
	line-height:1.6em;
	background:#ffffff url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeebody.gif);
	position:relative;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',"MS P Gothic",'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
}

/* リンクカラーの設定 */
a:link{		color:#FD480D;text-decoration:none;}
a:active{	color:#FD480D;text-decoration:none;}
a:visited{	color:#FD480D;text-decoration:none;}
a:hover{	color:#FD480D;text-decoration:none;}

/* 画像設定 */
img,a img{	border:none;}

/* プロフィール画像 */
.pay img,.plugin-myimage{	margin-bottom:5px;}

/* テーブル内文字サイズ設定 */
table {
	font-size:small　!important; /* for Modern browser */
	font-size:82%; /* for IE6 */
}

/* レイアウト及び背景設定--------------------------------------------------- */

/* ヘッダー */
html>body #header{
	width:100%;
	height:120px;
	text-align:left;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeback002.gif) repeat-x right top;
	left:0;
	position:fixed;
	top:0;
	z-index:100;
}
*html #header{
	width:100%;
	text-align:left;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeback002.gif) repeat-x right top;
	height:120px;
}

/* ベースボックス */
html>body #container{
	width:90%;
	min-width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-top:120px;
	background:#fff url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeright.gif) repeat-y right top;
	height:100%;
	z-index:50;
}

*html #container{
	width:90%;
	min-width:960px;
	margin:0 auto;
	text-align:left;
	background:#fff url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeright.gif) repeat-y right top;
	height:100%;
}

#unit{
	width:100%;
	float:left;
	margin-right:-220px;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeleft.gif) repeat-y left top;
	padding-top:15px;
}

/* センターカラム */
#contents{
	width:100%;
	float:right;
	margin-left:-220px;
	text-align:left;
}

/* レフトカラム */
#menu{
	width:200px;
	float:right;
	text-align:left;
	overflow:hidden;
}

/* ライトカラム */
#menu2{
	width:200px;
	float:left;
	text-align:left;
	overflow:hidden;
	padding-top:15px;
}

/* フッター */
#footer{
	color:#15592C;
	clear:both;
	text-align:center;
	background:#208541;
	border-top:1px solid #efefef;
}

#footer a{
	color:#fff;
}

/* ヘッダースタイル------------------------------------------------ */
#header #headerwrap{
	min-width:960px;
	width:90%;
	margin:0 auto;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeerogo.gif) no-repeat left top;
}

/* ブログタイトル */
.site-tittle{
	text-align:left;
	font-size:14px;
	color:#fff;
	padding:57px 0 0 32px;
	margin:0px;
	font-family:"Arial Black", "Impact",'メイリオ','Meiryo', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-weight:normal;
}

.site-tittle a:link{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
.site-tittle a:active{
	color:#fff;
	text-decoration:none;
}
.site-tittle a:visited{
	color:#fff;
	text-decoration:none;
}
.site-tittle a:hover{
	color:#FD4702;
	text-decoration:none;
}


/* ブログ説明 */
.site_info{
	font-size:12px;
	text-align:right;
	margin:0;
	color:#15592C;
	position:absolute;
	right:5%;
	top:4px;
	width:100%;
}

#header #headerwrap #search{
	position:absolute;
	text-align:right;
	right:5%;
	top:28px;
	width:300px;
}

/* センタースタイル ------------------------------------------------- */

/* エントリー部 */
.entry_table{
	margin:0px 235px 30px 235px;
	padding:0 10px;
}

/* エントリータイトル */
.entry_table h2{
	font-size:110%;
	color:#fff;
	text-align:left;
	margin:0;
	padding:8px 10px 4px 10px;
	background:#003A5F;
	border-left:8px solid #208541;
}

.entry_table h2 a:link{
	color:#fff;
	text-decoration:none;
}
.entry_table h2 a:active{
	color:#fff;
	text-decoration:none;
}
.entry_table h2 a:visited{
	color:#fff;
	text-decoration:none;
}
.entry_table h2 a:hover{
	color:#FD4702;
	text-decoration:underline;
}


/* エントリー本文内 ------------------------------------------- */
*html .entry_text{
	font-size:x-small;
}

.op_navi{
	padding:0;
	margin:5px 15px 0 0;
	text-align:right;
}

.op_navi a:link,.op_navi a:active,.op_navi a:visited{
	color:#003A5F;
	text-decoration:none;
}

.op_navi a:hover{
	color:#003A5F;
	text-decoration:underline;
}

.op_navi2{
	padding:0;
	margin:0 0 0 25px;
	text-align:left;
	font-size:82%;
}

.op_navi2 a:link,.op_navi2 a:active,.op_navi2 a:visited{
	color:#003A5F;
	text-decoration:none;
}

.op_navi2 a:hover{
	color:#003A5F;
	text-decoration:underline;
}

.fc2_footer{
	padding-top:20px;
	margin:0 25px;
}

/* 以下、エントリー用設定  */
.entry_text{
	font-size:small;
	padding:10px 25px 10px 25px;
}

.entry_text ul,.entry_text ol{
	padding-left:25px;
}


.entry_text h3{
	color:#333;
	border-left:6px solid #ccc;
	border-bottom:1px solid #999;
	padding-left:6px;
	margin-bottom:10px;
	font-size:110%;
}

.entry_text h4{
	font-size:100%;
	color:#333;
}

.entry_text img{
	width:;
}

.list_navi{
text-align:center;
}

/* 引用文 */
blockquote{
	border:1px solid #ccc;
	background:#E8E8E8;
	padding:10px;
	margin:10px 0;
	overflow:auto;
	font-size:92%;
}

/* コード記述 */
pre{
	border:1px solid #ccc;
	color:#444;
	background:#ffd;
	padding:10px;
	overflow:auto;
	margin:10px 0;
}

/* 追記 */
.morelink {
	background:transparent url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeh2.png) no-repeat scroll left top;
	color:#444;
	font-weight:bold;
	margin:10px 25px;
	padding:5px 0 0 20px;
	width:105px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #efefef;
}

.morelink a:link,.morelink a:active,.morelink a:visited{
	color:#FD4702;
}
.morelink a:hover{
	color:#FEC8B4;
	text-decoration:none;
}

/* コメント見出し */
.comment_header{
	font-size:120%;
	font-weight:bold;
	letter-spacing:1px;
	margin:10px 30px 0px 30px;
	padding-bottom:6px;
	border-bottom:2px dotted #ccc;
}

/* コメント タイトル */
.comment_title{
	font-weight:bolder;
	margin:0px 20px 15px 20px;
	color:#208541;
}

.comment_title a:hover{
	text-decoration:none;
	color:#208541;
}


/* ナビゲーション --------------------------------------------------- */

/* エントリー内 */
.entry_state{
	text-align:right;
	padding-top:5px;
	margin:15px 20px;
}

.entry_state li,.comment_state li,.entry_navi li{
	display:inline;
}

.entry_state a:link,.entry_state a:active,.entry_state a:visited{
	color:#208541;
	text-decoration:none;
}

.entry_state a:hover{
	color:#208541;
	text-decoration:none;
}

.comment_state a:link,.comment_state a:acitive,.comment_state a:visited{
	color:#208541;
	text-decoration:none;
}

.comment_state a:hover{
	color:#208541;
	text-decoration:underline;
}

/* ページ下部 */
.entry_navi{
	text-align:center;
	margin-bottom:20px;
	padding:10px 20px 10px 20px;
	color:;
}

/* コメントフォーム -------------------------------------------------- */
/* コメント見出し */
.comment_header{
	font-size:120%;
	font-weight:bolder;
	margin:10px 10px 15px 10px;
	padding-bottom:6px;
}
.comment_header a:hover{
	text-decoration:none;
}


/* コメント ナビ */
.comment_state{
	text-align:right;
	line-height:1.5;
	padding:15px 0px 5px 0px;
	margin:0px 20px 10px 20px;
	border-bottom:1px solid #ccc;
}

/* コメント入力欄 */
.write-comment dt, 
.edit-comment dt {
  margin : 0;
  padding : 0;
}

.write-comment dd, 
.edit-comment dd {
  margin : 0.2em 1em;
}

.form-name,
.form-pass {
  width : 40%;
  padding : 0.1em;
  /* for IE6 */ _width : 120px;
}

.form-mail,
.form-url,
.form-subject,
.form-comment {
  width : 85%;
  padding : 0.1em;
  /* for IE6 */ _width : 300px;
}

ul.submit {
  list-style-type : none;
  padding-left : 0;
}

ul.submit li {
  display : inline;
}

ul.submit .form {
  margin : 0 2em;
  padding : 0.2em 1em;
}

ul.submit .edit-end {
  margin : 0 2em;
  font-weight : bold;
  padding : 0.2em 1em;
}

ul.submit .edit-del {
  margin : 0 0 0 5em;
  padding : 0.2em 0.5em;
}

/* トラックバックURL */
.trackback_text{
	line-height:180%;
	padding-bottom:15px;
	margin:0px 20px 10px 20px;
	border-bottom:1px dotted #003A5F;
}

/* ネクスト */
.home_next{
	margin:0px 0px 30px 0px;
}


/* メニュースタイル-------------------------------------------------- */

/* メニュー見出し */
#menu h2,#menu2 h2{
	font-size:110%;
	color:#333;
	text-align:left;
	margin:0;
	padding:15px 15px 4px 15px;
}

#menu .plugin_area,#menu2 .plugin_area{
	background:#fff url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeh2.png) no-repeat left top;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #efefef;
	color:#666666;
	margin-bottom:15px;
	padding:0;
}

.plugin_content{
	padding:5px 20px;
}

.plugin_content div{
	margin:0;
	padding:3px 0;
}

#menu p,#menu2 p{
	text-align:left;
	margin:0;
	padding:3px 0;
}

/* メニューリスト */
#menu ul,#menu2 ul{
	text-align:left;
	margin:0;
	padding:3px 0;
	list-style-type:none;
	text-decoration:none;
}

#menu li,#menu2 li{
	text-align:left;
	padding:3px 0px 3px 12px;
	text-decoration:none;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeelist001.gif) no-repeat 0 8px;
}

#menu a:link , #menu a:active , #menu a:visited , #menu2 a:link , #menu2 a:active , #menu2 a:visited{
	text-decoration:none;
	color:#003A5F;
}
#menu a:hover , #menu2 a:hover{
	color:#003A5F;
	text-decoration:underline;
}

/* カレンダー -------------------------------------------------------- */
.plugin-calender{
	padding:10px 5px;
	margin:auto;
	text-align:center;
}

.calender {
	width:160px;
	background:#ffffff;
	border:1px solid #ccc;
	color:#666666;
	border-collapse:collapse;
}

.calender a {
	font-weight:bolder;
}

.calender caption {
	height:20px;
}

.calender th {
	font-weight:bolder;
	text-align:center;
	border:1px solid #ccc;
}

.calender td {
	text-align:center;
	border:1px solid #ccc;
}

.calender td a {
	display:block;
}

/* フリーエリア（プラグイン３）-------------------------------------- */

.free{
	margin:0px 235px 30px 235px;
	padding:0 10px;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeeh2.png) no-repeat left top;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #efefef;
}

.free a:link,.free a:active,.free a:visited{
	color:#003A5F;
	text-decoration:none;
}

.free a:hover{
	color:#003A5F;
	text-decoration:none;
}

.free h2{
	font-size:110%;
	font-weight:bold;
	color:#333;
	text-align:left;
	margin:0 0 15px 0;
	padding:15px 15px 4px 15px;
}

.free p{
	text-align:left;
	margin:6px 0;
	padding:3px 0px 3px 0px;
	list-style-type:none;
	text-decoration:none;
}

.free ul{
	text-align:left;
	margin:0;
	padding:3px 0px 3px 10px;
	list-style-type:none;
	text-decoration:none;
}

.free li{
	text-align:left;
	padding:0 15px;
	text-decoration:none;
	background:url(https://blog-imgs-31.fc2.com/c/a/s/caseofb/eeelist001.gif) no-repeat 0 6px;
}

.freearea{
	margin-bottom:10px;
	padding:0 10px;
}

.freecontent{
	width:100%;
	overflow:hidden;
}

/* その他装飾 -------------------------------------- */

#contents .red{color:#ff0000;}

.new{color:red; font-size:85%;}

.ama_h{font-size:12px;color:#fff;background:#585858;margin-top:15px;}

.ama{color:#FD4702;margin-top:15px;text-align:center;font-weight:bold;}

/* プルダウンメニュー --------------------------------------------------------------------------------------- */

.navi_menu li a.f_l:first-letter {
	color: #FD4702;
}
#navi_bar{	padding-top: 7px;}

#navi_bar li{ width: 160px; }		/* メニューリンク幅 */
#navi_bar ul ul.c-menu {
	top: 0px;left: 160px;		/* 上記と同じ値 */
}
/* メニューリンクの合計値:	リンク幅(160) * リンク数(6) = 960px */
#navi_bar ul { width: 960px; }


#navi_bar li a{
	background: #208541;		/* リンク背景色1 */
	border-left: 1px #208541 solid;	/* 左線色1 */
	line-height: 25px;		/* メニュー高さ */
	color: #ffffff;			/* 文字色 */
}
#navi_bar li.end a{
	border-right: 1px #208541 solid; /* 左線色1と同色 */
}
#navi_bar li a:hover{
	background: #15592C;	/* -カーソル接触リンク背景色 */
	color: #ffffff;		/* 文字色 */
}
#navi_bar li li a {
	padding: 6px 5px 7px;	/* リンク内高さ6|7px */
	height: auto;
	letter-spacing: 0px;
	line-height: 1.1;
	border-top: 1px #2EBE5C solid; /* リンク上線色2 */
}
#navi_bar li li a,#navi_bar ul .menuon ul li,
#navi_bar ul .menuh:hover ul li {
	background: #27A350;		/* リンク背景色2 */
}
#navi_bar li li a:hover {
	border-color: #15592C;/* -カーソル接触線色 */
}
#navi_bar li li li a {/* 子カテゴリ */
	border-top: 1px #55D780 solid; /* リンク上線色3 */
}
#navi_bar li li li a,#navi_bar ul ul .menuon ul li,
#navi_bar ul .menuh:hover li.menuh:hover ul li {
	background: #2FC460;		/* リンク背景色3 */
}
#navi_bar ul.menu-m {
	width: 200px;		/* ワイド */
}
#navi_bar ul.menu-l {
	width: 270px;		/* ワイド2 */
}
#navi_bar,#navi_bar ul,#navi_bar li a{
	height: 25px;		/* メニュー高さ */
}
#navi_bar ul.menu-s,#navi_bar ul.menu-m,
#navi_bar ul.menu-l,#navi_bar ul.menu-c {
	top: 25px;		/* メニュー高さ */
	left: 0;
} /* 位置 */


#navi_bar #pdcat li{
	text-align: left;	/* カテゴリテキスト */
}

#navi_bar{ font-size: 82%; }		/* メニュー */

#navi_bar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	position: absolute;
}
#navi_bar li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#navi_bar ul ul{
	height: auto;
	min-height: 1px;
	position: absolute;
	z-index: 645;
	display: none;
}
#navi_bar ul:after,#pagetop .container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html #navi_bar ul ul,* html #pagetop .container {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#navi_bar ul ul li {
	width: 100%;
	text-align: left;
}
#navi_bar > ul > li > ul {
	-moz-opacity:0.95;opacity:0.95;
}
#navi_bar ul.menu-s,#navi_bar ul.c-menu {
	width: 100%;
}
#navi_bar ul .menuon .menuh ul,
#navi_bar ul .menuh:hover .menuh ul {
	display: none;
	background: transparent;
}
#navi_bar ul .menuon .menuh ul li,
#navi_bar ul .menuh:hover .menuh ul li {
	background: transparent;
}
#navi_bar ul .menuon ul,
#navi_bar ul ul .menuon ul,
#navi_bar ul .menuh:hover ul,
#navi_bar ul .menuh:hover li.menuh:hover ul {
	display: block;
}
#navi_bar .rnew a span {
	padding: 2px 0 0 1px;
	font-size: 84.1%;
	display: none;
}
#navi_bar .rcom a span.etitle {
	padding-top: 1px;
	font-size: 100%;
	display: none;
}
#navi_bar .rcom a:hover span.etitle,
#navi_bar .rnew a:hover span  {
	display: block;
}
#navi_bar li span.stxt{
	font-size: 84.1%;
}
#navi_bar li a{
	position: relative;
	display: block;
	letter-spacing: 1px;
}

