@charset "utf-8";

/* =================================================
	Reset
================================================= */
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;
}

/* =================================================
	Element
================================================= */
body{
 width:100%;
 text-align:center;
 font-family: "小塚ゴシック Std",Kozuka Gothic Std,"メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 line-height: 1.4;
 font-size: 65%;
 word-break:break-all;
}
fieldset{border:none;}
pre{font-family:monospace;}
.emoji {vertical-align:middle; }

/* =================================================
	Hyper text
================================================= */
a { 
	text-decoration: underline;
	/*\*/
	overflow: auto;	/* for Fx */
	/**/
}

a:link,
a:visited {
	color: #34312E; /* リンク、訪問済みリンクの文字色 */
}

a:focus,
a:hover,
a:active {
	color: #9AA5B1; /* リンクにポインタをのせた時の文字色 */
}

/* =================================================
	Headline
================================================= */
h1{font-size:200%; font-weight: normal;word-break:break-all;}		/* 36px */
h2,
h3{font-size:115%; font-weight: normal;word-break:break-all;}		/* 16px */
h4{font-size:108%; font-weight: normal;word-break:break-all;}		/* 14px */
h5,
h6{font-size:100%; font-weight: normal;word-break:break-all;}		/* 13px */

/* =================================================
	Font Color
================================================= */
body { color: #34312E; }

#header h1 a /* ブログタイトル */ { color: #34312E; }

#headermenu .archives a /* 「記事一覧」のリンク */ ,
#main_contents h2 a /* 記事タイトル */ ,
#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */
{ color: #34312E; }

#main_contents blockquote /* 引用部分 */ ,
#main_contents .entry_date /* 記事の日付 */ ,
#main_contents .content .entry_state li /* カテゴリ等 */ ,
#main_contents .content .entry_state li a /* CM数,TB数等 */ ,
#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,
#main_contents .page_navi a /* ページナビ */
{ color: #34312E; }

#main_contents .list_body li /* 記事一覧ページ */ ,
{ color: #34312E; }

/* =================================================
	Font Size
================================================= */
#header p /* ブログ紹介文 */ { font-size: 120%; /* 21px */ }
#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }
#main_contents /* 記事本文等 */ { font-size:120%; /* 14px */ }
#main_contents .entry_date /* 記事日付 */ ,
#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 100%; /* 14px */ }
#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 100%; /* 17px */ }
#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }
#sidemenu,#sidebar /* サイドメニュー(プラグイン) */ { font-size:115%; /* 15px */ }
#sidemenu h3,#sidebar h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 115%; /* 20px */ }
#footer /* フッター */ { font-size:110%; /* 16px */ }


/* =================================================
	Content Width
	※ 幅を固定にする場合は、それぞれのmin-width、
	max-widthを削除し、widthで好きな幅を指定して下さい
================================================= */
#container { min-width: 800px; }
#headermenu , #wrap ,
#footer_plg , #footer_inner {
	min-width: 800px;
	max-width: 1100px;
	width:expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1202? "1100px" : "auto");	/* For IE */
}

/* =================================================
	Layout
================================================= */
#container {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#header {
	overflow: hidden;
	margin-bottom: -40px;
	padding: 20px 0 40px 0px;
	text-align: left;
}

#headermenu {
	height: 39px;
	margin: 0 auto;
}

#wrap {
	position:relative;
	overflow:hidden;
	margin: 0 auto 20px;
	text-align: right;
}

#main {
  float: left;
  position: relative;
  width: 100%;
  margin-top: 0px;
  margin-right: -400px;
  text-align: left;
}
#main_contents {
  margin: -36px 333px 0 220px; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */
  padding-top: 35px;
}
#sidemenu {
  float: right;
  position:relative;
  overflow: hidden;
  width: 318px; /* サイドメニューの幅 */
  padding-top: 15px;
}
.clearfix:after {content: ''; display: block; clear: both; height: 0;}
.clearfix {min-height: 1px;}
#outer{
  float: right;
  margin-left: -220px; /* 追加サイドバー横幅+15のマイナス */
  overflow: hidden;
  text-align: left;
  width: 100%;
}
#sidebar{
  float: left;
  overflow: hidden;
  padding-top: 15px;
  width: 205px; /* 追加サイドバー横幅 */
  position:relative;
}



#footer {
	clear: both;
	padding: 20px 0;
}

#footer_plg {
	clear:both;
	margin: 0 auto;
}

#footer_inner {
	clear:both;
	margin: 0 auto;
}

/* =================================================
	Container
================================================= */
#container {
	background-color: #f9f9f9; /* 全体の背景色 */
}

/* =================================================
	Header
================================================= */
#header {
	background: #F9F9F9 url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left;	/* ヘッダー背景 */
	border-bottom: 1px solid #cfcfcf;
	-webkit-box-shadow: 0px 1px 1px 0px #CCC;
	-moz-box-shadow: 0px 1px 1px 0px #CCC;
	box-shadow: 0px 1px 1px 0px #CCC;
}

#header h1,
#header p {
	min-width: 785px;
	max-width: 1185px;
	width:expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1202? "1200px" : "auto");	/* For IE */
	margin: 0 auto;
}

#header h1 {
	margin-bottom: 20px;
	padding-left: 15px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */
}

/* =================================================
	Headermenu
================================================= */
#headermenu {
	height: 39px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;
}

#headermenu .archives {
	float: left;
	width: 105px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;
}

#headermenu .archives a {
	display: block;
	width: 105px;
	height: 39px;
	line-height: 39px;
}

#headermenu .archives a:hover {
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;
	background-size: 100% 100%;
}

#headermenu .switch {
	float: right;
	width: 100px;
}

#headermenu .switch li {
	float: right;
	width: 49px;
}

#headermenu .switch li.grid { width: 49px; }

#headermenu .switch li a {
	display: block;
	width: 49px;
	height: 39px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;
	text-indent: 100%;
	white-space: normal;
	overflow: visible;
}

#headermenu .switch li.list a {background-position: -1px 0; }
#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }
#headermenu .switch li.list a:hover {background-position: -1px -39px; }
#headermenu .switch li.grid a:hover {background-position: -49px -39px }
#headermenu .switch li.list a.selected {background-position: -1px -39px; }
#headermenu .switch li.grid a.selected {background-position: -49px -39px }

/* =================================================
	Main
================================================= */
#main {
	border-top: 1px dotted #B5B5B6;
	border-bottom: 1px dotted #B5B5B6;
}

#main_contents {
	border-left: 1px dotted #B5B5B6;
	border-right: 1px dotted #B5B5B6;
}

/*	content
-------------------------------------------------- */
#main_contents .content {
	position: relative;
	margin-bottom: 20px;
	padding: 15px 0 20px;
	background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */
	border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */
	border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */
}

#main_contents h2.entry_header,
#main_contents h2.sub_header {
	margin: 0 0 15px;
	padding: 5px 0 5px 35px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */
}

#main_contents .list_content h2 a , #main_contents .grid_content:first-child h2 a {
　　　　　display: block;
　　　　　width: 100%;
　　　　　height: 1.4em;
　　　　　overflow: hidden;
　　　　　text-overflow: ellipsis;
　　　　　white-space: nowrap;
}

#main_contents .grid_content h2 a {
　　　　　display: block;
　　　　　width: 100%;
　　　　　height: 2.8em;
　　　　　overflow: hidden;
}

#main_contents h3.sub_header,#main_contents h3.plg_header {
  margin: -15px 0 20px;
  padding: 10px 20px 10px 35px;
  background: #F4F4F4 url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */
  border-bottom: 1px dotted #B5B5B6;
}

#main_contents h4.sub_title {
	padding: 3px 0 3px 15px;
	margin-bottom: 20px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */
}

/* content style */
#main_contents blockquote {
	margin-bottom: 10px;
	padding: 15px;
	background-color: #f4f4f4;
}

#main_contents input {
	padding: 2px;
}

/* entry_date  */
#main_contents .entry_date {
	float: left;
	width: 170px;
	margin: 0 0 10px 20px;
	text-align: left;
}

#main_contents .entry_date li {
	display: inline;
	margin-right: 1em;
}

/* entry_state */
#main_contents .entry_state {
	float: right;
	overflow: hidden;
	width: 140px;
	margin: 0 20px 10px 0;
	text-align: right;
}

#main_contents .content .entry_state li {
	display: inline;
	margin-left: 1em;
	padding-right: 1em;
	border-right: 1px solid #999999;
}

#main_contents .content .entry_state li:last-child {
	padding-right: 0;
	border-right: none;
}

/* entry_body  */
#main_contents .entry_body {
	clear: both;
	overflow: hidden;
	margin: 0 20px;
	padding-bottom: 40px;
	zoom: 100%;
}

#main_contents .entry_body:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#main_contents .entry_body .entry_image {
	position: static;
	left: 20px;
}


#main_contents .entry_body .entry_more {
	position: static;
	right: 20px;
	bottom: 10px;
	padding: 15px 0;
	text-align: left;
}

#main_contents #e .entry_body .entry_more { display:none; }

#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */
	display: inline-brock;
	margin-top: 0px;
	padding: 5px 10px;
	background: #f9f9f9;
	border: 1px solid #34312E;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align: center;
}

#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */
	background: #333333;
	border: 1px solid #34312E;
	color: #ffffff;
        border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#main_contents .entry_body .more {
	margin-top: 10px;
}

#main_contents .entry_body .fc2_footer {
	margin-top: 10px;
}

/* Baton */
dl.blog_baton {
	border: 1px solid #EFEFEF;
	padding: 20px 20px 10px;
}

dt.baton_q {
	padding-bottom: 5px;
}

dd.baton_a {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
}

/* relate 関連記事リンク */
.relate_dl {margin-top:25px;}
.relate_dl dt {
	font-size:115%;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #CCC;
}

/* fc2twtr */
.fc2twtr {
	zoom:100%;
}

.fc2twtr:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.fc2twtr dt {
	margin-bottom: 20px;
}

.fc2twtr dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	color: #666666;
}

/* entry_footer */
#main_contents .entry_footer {
	margin-bottom: -20px;
	width: 100%;
	padding: 15px 0;
	background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */
	zoom: 100%;
}

#main_contents .entry_footer:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#main_contents .entry_footer .entry_state {
	margin-bottom: 0;
	width: auto;
}

/* titlelist search */
#main_contents .list_body {
	padding: 0 20px;
}

#main_contents .list_body li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
}

/* sub content */
#main_contents .sub_content {
	margin-bottom: 20px;
	padding: 20px;
	border-bottom: 1px dotted #B5B5B6;
}

#main_contents .sub_content .sub_footer {
	margin-top: 20px;
	text-align: right;
}

#main_contents .sub_content .sub_footer li {
	display: inline;
	margin-left: 1em;
}

#main_contents .sub_content .sub_footer li a { color: #34312E; }

#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }

/* form */
#main_contents .form {
	margin: 0 20px;
}

/* trackback */
#main_contents .trackback {
	margin: 0 20px;
}
#main_contents .trackback input {
	width: 396px;
}

/* list_content 
-------------------------------------------------- */
#main_contents .list_content {
	float: none;
}


/* page_navi
-------------------------------------------------- */
#main_contents .page_navi {
	position:relative;
	clear: both;
	height: 123px;
	margin-top: 20px;
	text-align: center;
	zoom:100%;
}

#main_contents .page_navi:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#main_contents .page_navi a {
	display: block;
	overflow:hidden;
	height: 18px;
	width: 123px;
	padding-top: 45px;
	padding-bottom: 60px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;
}

#main_contents .page_navi a:hover { color: #09B711; }

#main_contents .page_navi .prev {
	float: left;
	width: 30%;
	background-position: left -145px;
    text-align: left;

}

#main_contents .page_navi .next {
	float: right;
	width: 30%;
	background-position: right -145px;
	text-align: right;
}

#main_contents .page_navi .home {
	position: static;
	left:50%;
	margin-left: -61px;
	background-position: -375px -145px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
}

#main_contents .page_navi a.prev:hover { background-position: left 15px; }
#main_contents .page_navi a.next:hover { background-position: right 15px; }
#main_contents .page_navi a.home:hover { background-position: -375px 15px; }

#main_contents .page_navi .prevpage,
#main_contents .page_navi .nextpage {
	text-align: left;
	text-indent: -100%; 
	white-space: nowrap; 
	overflow: hidden;
	white-space:nowrap;
	text-overflow: visible;
}

#main_contents .page_navi .preventry {
	padding-left:80px;
}
#main_contents .page_navi .nextentry {
	padding-right: 80px;
}

/* =================================================
	Entry (html tag)
================================================= */
.p_area .entry_body h2, .p_area .entry_body h3,
.p_area .entry_body h4, .p_area .entry_body h5 {
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;
	margin: 0 0 10px;
	padding: 5px 0 5px 20px;
}
.p_area .entry_body ul,
.p_area .entry_body ol { margin: 1em 0em 1em; }
.p_area .entry_body ul li {
	list-style: disc outside;
	margin-left: 2em;
}
.p_area .entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em;
}
.p_area .entry_body table {
	border-collapse: collapse;
}
.p_area .entry_body table th,
.p_area .entry_body table td {
	padding: 5px;
}
.p_area .entry_body table th { background-color: #EFEFEF; }

/* =================================================
	Sidemenu
================================================= */
#sidemenu,#sidebar {
  border-left: 1px dotted #B5B5B6;
  border-right: 1px dotted #B5B5B6;
}

#sidemenu .sidemenu_content,#sidebar .sidemenu_content {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */
  border-bottom: 1px dotted #B5B5B6;
}

#sidemenu h3,#sidebar h3 {
  margin: -10px -10px 0;
  padding: 10px 10px 10px 25px;
  background: #F3EFF4 url(https://blog-imgs-76-origin.fc2.com/m/i/l/milf8888/yellow_25-7.jpg) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */
  border-top: 1px dotted #B5B5B6;
  border-bottom: 1px dotted #B5B5B6;
}

/* =================================================
	pagetop
================================================= */
#pagetop {
	position: fixed;
	right:200px;
	bottom:50px;
	z-index: 100;
}

#pagetop a {
	display: block;
	width: 58px;
	height: 58px;
	background: #b3bbc3 url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}

#pagetop a:hover {
	opacity: 1;
	background-position:13px -48px;
}

/* =================================================
	plgin
================================================= */
.plg .plg_description,
.plg .plg_body,
.plg .plg_footer {
	margin-top: 10px;
}

#main_contents .plg .plg_description,
#main_contents .plg .plg_body,
#main_contents .plg .plg_footer {
	margin-left: 20px;
	margin-right: 20px;
}

.plg li {
	margin-bottom: 5px;
}

.plg input {
	margin: 2px;
}

/* plugin-search
------------------------------------------------- */
.plg .plugin-search input[type="text"] {
	width: 90%;
}

/* Calendar(Plugin)
------------------------------------------------- */
.plg table.calender {
	width: 100%;
	margin: 0px auto;
	font-size: 100%;
}

.plg table.calender caption {
	margin-bottom: 10px;
	margin: 0px auto;
}

.plg table.calender th,
.plg table.calender td {
	padding: 0.1em;
	border-bottom: 1px solid #EFEFEF;
	text-align: center;
}

.plg table.calender td a {
	display: block;
	background-color: #EFEFEF;
}

.plg table.calender td a:hover {
	background-color: #8ADAE6;
	color: #ffffff;
}

.plg table.calender th#sun {
	color: #FF0000;
}

.plg table.calender th#sat {
	color: #0000FF;
}

/* Piyo(Plugin)
------------------------------------------------- */
.plg .mylog {
	padding: 10px;
	background: #F9F9F9;
	border: 1px solid #EFEFEF;
}

.plg .mylog .title {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	font-weight: bold;
}

.plg .mylog dl {
	margin: 0px;
	padding: 0px;
}

.plg .mylog dt.day {
	margin: 0px;
	padding: 0px 0px 5px;
	background-image: none;
	text-align: left;
	font-size: 85% !important;	/* for Modern browser */
	font-size: 93%;	 /* for IE6 */
}

.plg .mylog dt.day img {
	vertical-align: middle;
}

.plg .mylog dd.piyolog {
	margin: 0px 0px 5px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #EFEFEF;
}

.plg .tab {
	text-align: right;
	margin-bottom: 10px;
}

.plg .tab input{
	padding: 2px 5px;
}

.plg .tab input.b1{
	margin-right: 5px;
}

.plg .license {
	text-align: right;
	font-size: 85% !important;	/* for Modern browser */
	font-size: 93%;	 /* for IE6 */
}

/* =================================================
	Footer
================================================= */
#footer {
	background: #EFEFEF; /* フッターの背景色 */
	-webkit-box-shadow: 0px 1px 3px 0px #CCC inset;
	-moz-box-shadow: 0px 1px 3px 0px #CCC inset;
	box-shadow: 0px 1px 3px 0px #CCC inset;
	text-shadow: 0px 1px 2px #FFFFFF;
}

/* footer_plg
------------------------------------------------- */
#footer_plg {
	padding-bottom: 40px;
	border-left: 1px dotted #9FA0A0;
	zoom:100%;
}

#footer_plg:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#footer_plg .footer_content {
	float: left;
	width: 199px;
	padding: 0 20px;
	border-right: 1px dotted #9FA0A0;
}

#footer_plg h3 {
	margin-bottom: 10px;
}

/* footer_inner
------------------------------------------------- */
#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }

/* =================================================
	for MacIE
================================================= */
/*\*//*/
textarea, select, input {
	font-family:Osaka;
}
/**/

textarea,input,select {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif;
}



/* 記事タイトル背景色 */
#main #main_contents .entry_header {
  background-color: #F3EFF4;
  height: 25px;
  border-top: 1px dotted #B5B5B6;
  border-bottom: 1px dotted #B5B5B6;
}
/* END*/

body #header h1 { /* ブログタイトルアイコン設定 */
  background-image: url("https://blog-imgs-65-origin.fc2.com/f/c/2/fc2blogtemplates/bwh_title_green2.png");
  font-size: 28px;
}

/* 見出しアイコン色設定 */
#main #main_contents h2.entry_header, /* 記事タイトル */
#main #main_contents h2.sub_header {
  background-image: url(https://blog-imgs-76-origin.fc2.com/m/i/l/milf8888/orangegurade-01.jpg);
}
#container #sidemenu h3 { /* サイドメニュープラグインタイトル */
  background-image: url(https://blog-imgs-76-origin.fc2.com/m/i/l/milf8888/yellow_25-7.jpg);
}
#main #main_contents h3.sub_header, /* その他見出し */
#main #main_contents h3.plg_header {
  background-image: url(https://blog-imgs-76-origin.fc2.com/m/i/l/milf8888/yellow_25-7.jpg);
}
#main #main_contents h4.sub_title { /* 投稿コメント・TB見出し */
  background-image: url(https://blog-imgs-76-origin.fc2.com/m/i/l/milf8888/yellow_25-7.jpg);
}
/* END */

/* プラグイン3リスト */
#main .plg_body li {
	border-bottom: 1px #cccccc dashed;
	padding: 3px;
}
#main .plg_body li ul {
	border-top: 1px #cccccc dashed;
	padding: 3px 0 0 10px;
	margin: 3px 0 0;
}
#main .plg_body ul ul li:last-child {
	border-bottom: 0;
	padding: 3px 3px 0;
}

/* --- 記事下ユーザータグ （追記箇所）--- */
#main_contents .p_area .entry_body .entry_tag {margin: 1.7em 0 0.5em; font-size: 100%;}
#main_contents .p_area .entry_body .entry_tag li {display: inline; padding: 0; margin: 0 0.1em 3px 0;}
#main_contents .p_area .entry_body .entry_tag a {
 white-space: nowrap; display: inline-block; padding: 2px 3px;
 background: #777777; color: #ffffff;
}
#main_contents .p_area .entry_body .entry_tag a:hover {background: #9AA5B1;}
/* END */

.entry_image a:hover img {opacity: 0.6;}

/* サイドバーリストデザイン */
body .plg_body li {
  border-bottom: 1px #cccccc dashed;
  margin: -5px;
  padding: 7px 5px 7px;
}
body .plg_body li:last-child {border-bottom: 0;}
body .plg_body li ul {
  border-top: 1px #cccccc dashed;
  padding: 7px 0 0;
  margin: 0;
}
.plg_body ul ul li:last-child {
  border-bottom: 0;
  padding: 7px 3px 0;
}
body .plg_body li a:link, body .plg_body li a:visited {
  color: #34312E;
}
body .plg_body li a:hover,
body .plg_body li a:focus, body .plg_body li a:active {
  color: #9AA5B1;
}
/* END */


/* --- 記事一覧ユーザータグ --- */
#main_contents .entry > .entry_tag {margin: 0 15px 0 15px; font-size: 90%;}
#main_contents .grid_content > .entry_tag {margin-top: 0.5em;}
#main_contents .entry > .entry_tag li {display: inline; padding: 0; margin: 0 0.1em 3px 0;}
#main_contents .entry > .entry_tag a {
 white-space: nowrap; display: inline-block; padding: 2px 3px;
 border-radius: 3px; background:#A1ADB8; color: #ffffff;
}
#main_contents .entry > .entry_tag a:hover {background:#b3bbc3;}

#main #main_contents .grid_content .u_tag {
	margin-bottom: -80px; /* グリッド表示：縦長画像が多い時は数値を増やす */
}
#main #main_contents .list_content .u_tag {
	margin-bottom: 25px; /* リスト表示：縦の位置調整 */
}
#main_contents .grid_content > .entry_tag {
	margin-left: 120px; /*リスト表示：横の位置調整 */
}
* html .tag_ie {display: none;}
/* END */

.switch {display: none;}


/* 記事とページナビ間のコンテンツ */
#main-footer {
	clear: both;
	margin: 0px 0 30px;
	padding: 0px 15px 20px;
	border-bottom: 1px dotted #B5B5B6;
	font-size: 90%;
}
/* END */

/* ヘッダーメニューデザイン */
body #headermenu {position: relative;}
#menu {
	margin-right: 101px;
	border-left: 1px #dddddd solid;
	min-width: 1111px;
	height: 39px;
	overflow: hidden;
}
#menu li {
	font-size: 80%;
	float: left;
	width: 120px;
	height: 39px;
	overflow:hidden;
	text-align: center;
}
#menu li a {
	display: block;
	height: 39px;
	line-height: 39px;
	border-top: 1px #e6e6e6 solid;
	border-right: 1px #e6e6e6 solid;
	filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
	background: -moz-linear-gradient(center top,#ffffff,#eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	color: #333333;
}
#menu a:hover {
	background: none;
	border-color: #e6e6e6;
	color: #333333;
}
#menu:after {content: "";clear: both;height: 0; display: block; visibility: hidden;}
body #headermenu .switch {position: absolute; top: 0; right: 0; float: none;}
/* END */

.fam_thumb_top {
	margin-bottom: 10px;
	margin-left: 10px;
}
.fam_thumb_top a {
	display: block;
	padding: 10px;
	/* 1枠分の横幅 */
	width: 500px;
	border: solid 2px #D0D0D0;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #333;
}
.fam_thumb_top a div span {
	display: block;
	height: 100px;
}
.fam_thumb_top a div div img {
	/* 画像角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
.fam_thumb_top a .fam_time {
	font-size: 14px;
	color: #888;
	padding-top: 10px;
	text-align: right;
	border-top: solid 1px #D0D0D0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; }
.clear {
	clear: both;
}
*:first-child+html .clearfix { zoom: 1; }
.fam_rec_s {
	margin-bottom: 10px;
}

.fam_rec {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.fam_rec a {
	/* バナーの横幅 */
	width: 200px;
	/* バナーの縦幅 */
	height: 150px;
	float: left;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	border: 2px solid #BBB;
	overflow: hidden;
}
.fam_rec a div span {
	/* テキストサイズ */
	font-size: 100%;
	/* バナーの横幅 -10px */
	width:190px !important;
	/* バナーの横幅の半分をマイナスで指定 */
	margin-left:-100px !important;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; }
.clear {
	clear: both;
}
*:first-child+html .clearfix { zoom: 1; }

.fam_thumb_300_600 {
	background-color: #FFF;
	width: 298px;
	height: 598px;
	border: solid 1px #D0D0D0;
	margin-left: auto;
	margin-right: auto;
}
.fam_thumb_300_600 a {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	color: #333;
	display: block;
	padding: 4px 0px;
	margin: 0px 5px 1px 5px;
	height: 90px;
	border-bottom: dotted 1px #D0D0D0;
	text-decoration: none;
	overflow: hidden;
}
.fam_thumb_300_600 a:last-child {
	border-bottom-style: none;
	margin-bottom: 0px;
}

.fam_thumb_top_s {
	margin-bottom: 10px;
}
.fam_thumb_top_s a {
	display: block;
	padding: 10px 5px;
	margin: 0px 5px;
	border-bottom: dotted 1px #D0D0D0;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	color: #333;
}
.fam_thumb_top_s a div div img,
.fam_thumb_top_s a div div {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}


/* page_naviページナビ
-------------------------------------------------- */
#main_contents .page_navi {
	position:relative;
	clear: both;
	height: 123px;
	margin-top: -20px;
	text-align: center;
	zoom:100%;
}

#main_contents .page_navi:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#main_contents .page_navi a {
	display: block;
	overflow: hidden;
	height: 18px;
	width: 123px;
	padding-top: 45px;
	padding-bottom: 60px;
	background: url(https://blog-imgs-43-origin.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;
}

#main_contents .page_navi a:hover { color: #0099BB; }

#main_contents .page_navi .prev {
	float: left;
	width: 30%;
	background-position: left -145px;
    text-align: left;

}

#main_contents .page_navi .next {
	float: right;
	width: 30%;
	background-position: right -145px;
	text-align: right;
}

#main_contents .page_navi .home {
	position: absolute;
	left:50%;
	margin-left: -61px;
	background-position: -375px -145px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
}

#main_contents .page_navi a.prev:hover { background-position: left 15px; }
#main_contents .page_navi a.next:hover { background-position: right 15px; }
#main_contents .page_navi a.home:hover { background-position: -375px 15px; }

#main_contents .page_navi .prevpage,
#main_contents .page_navi .nextpage {
	text-align: left;
	text-indent: -100%; 
	white-space: nowrap; 
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

#main_contents .page_navi .preventry {
	padding-left:80px;
}
#main_contents .page_navi .nextentry {
	padding-right: 80px;
}