@charset "utf-8";
/* Information
==================================================
livedoor Blog CSS
 Name   : default_2008_pink_3c
 Layout : 3カラム リキッド

 Update : 2008.07.22
==================================================
*/


/* Table of Contents
==================================================
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03. Title - ブログタイトルエリア
	04. SubTitle - アーカイブタイトルエリア
	05. Pager - ページャ
	06. Main - 記事エリア
	07. Option - トラックバック・コメントエリア
	08. Sub & Extra - プラグインエリア
	09. Header & Footer - ヘッダー・フッター
	10. Others - ADエリア etc.
==================================================
*/


/*　reset　css　*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, section, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	text-decoration: none;
}
header, nav, article, aside, section, footer {
	display: block;
}
img {
	border: none;
}
.clear {
	clear: both;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ';
	word-wrap: break-word;
	/*文字サイズ自動調整OFF*/
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body > div, section {/*chrome fontが大きくなってしまう対策*/
	font-size: 16px;
	font-size: 1.6rem;
}
/* リンク設定
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
a:link, a:hover, a:active, a:visited {
	outline: none;
	color: #212121;
}
/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

* {
	word-break: break-all;
}
body, textarea {
}
body {
	color: #000000;
}
a:link, a:active, a:visited {
}
a:hover {
	text-decoration: none;
}
table#header a:link, table#header a:active, table#header a:visited, table#header a:hover {
	color: #0000fe;
}
h1#blog-title a:link, h1#blog-title a:active, h1#blog-title a:visited {
	color: #fff;
	text-decoration: none;
}
h1#blog-title a:hover {
	color: #fff;
	text-decoration: underline;
}
p#blog-description {
	color: #ffffff;
}
h2.archives-title {
	color: #ffffff;
}
div.article-body a:link, div.article-body a:active {
	color: #191970;
}
div.article-body a:visited {
	color: #858e96;
}
h2.article-title a:link, h2.article-title a:active, h2.article-title a:visited {
	color: #4b0082;
	text-decoration: none;
}
h2.article-title a:hover {
	text-decoration: underline;
}
ul.article-post li a {
	color: #000000;
}
dl.article-category dd a {
	color: #000000;
}
div.pager a {
	color: #000000;
}
div.article-date-outer {
	color: #000000;
}
ul.ping-info li.ping-date, ul.comment-info li.comment-date {
	color: #8d8d8d;
}
div.article-body a:link, div.article-body a:active {
	color: #0e8cfe;
}
div.article-body a:visited {
	color: #858e96;
}
div.article-option h3 {
	color: #f3908b;
}
div.trackback-set a, div.comment-set a {
	color: #000000;
}
div.comment-auth-announcement p a {
	color: #000000;
	font-weight: bold;
}
div.sidetitle {
	color: #eb918b;
}
div.sidetitle a {
	color: #eb918b;
}
div.calendarhead {
	color: #eb918b;
}
div.calendarhead a {
	color: #eb918b;
}
div.side a:link, div.side a:active {
	color: #000000;
}
div.side a:visited {
	color: #858e96;
}
div.side a:hover {
	color: #000000;
}
div#footer p, div#footer p a {
	color: #000000;
}
/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	min-width: 730px;
	background-color: #ffe5e5;
	text-align: center;
	background-image: url(http://livedoor.blogimg.jp/kijolifehack/imgs/9/3/93709d46.png), url(http://livedoor.blogimg.jp/kijolifehack/imgs/d/4/d4d6cf86.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom center, center center;
	background-size: contain, auto;
}
div#container {
	/*	width: 94%;
*/	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
	width: 1300px;
}
div#content {
}
div#main, div#sub, div#extra {
	overflow: hidden;
}
div#main {
	float: left;
	/*	display: inline;
*/	width: 730px;
	*margin-left: -15px;
}
.contant_innerR {
	width: 1065px;
	float: right;
}
div#main div.column-inner {
/*	margin: 0 230px;
*/}
div#sub {
	float: left;
	/*	margin-left: -100%;
	display: inline;
*/	width: 220px;
	background: #fff;
	border-top: solid 10px #FFBDBD;
	border-bottom: solid 10px #FFBDBD;
	border-radius: 3px;
}
div#sub div.column-inner {
}
div#extra {
	float: right;
	/*	margin-left: -220px;
	display: inline;
*/	width: 320px;
	background: #fff;
	border-top: solid 10px #FFBDBD;
	border-bottom: solid 10px #FFBDBD;
}
div#extra div.column-inner {
}
/* ----------------------------------------------- */
/** clearfix */

div#container:after, div#content:after, ul.article-navigator:after, ul.archives-navigator:after, div.article-body:after, div#trackback-form ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/** hasLayout */
div.blog-title-outer, h2.archives-title, div.article-body, div.article-footer, h2.article-title, div.pager, ul, div.index-navigator-outer {
	height: 1%;
}
/** peek-a-boo bug */
div#trackback-form, div#trackbacks-list, div#comments-list, div#comment-form {
	height: 1%;
}
/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

div.blog-title-outer {
	text-align: left;
	*margin-bottom: 10px;
	background: rgba(0,0,0,0.5);
}
div.blog-title-outer-2 {
	padding-right: 10px;
}
div.blog-title-outer-3 {
}
h1#blog-title {
	margin: 0;
	font-size: 150%;
	font-weight: bold;
}
h1#blog-title img{
	vertical-align:bottom;
	width: 1300px;
	height: auto;
}
div.blog-description-outer {
}
p#blog-description {
	margin: 0;
	padding: 10px 30px 35px;
	line-height: 135%;
}
/** BlogRoll css */

.blogroll-channel {
	background: #fff;
	font-size: 16px;
	text-align: left;
}
.blogroll-channel .blogroll-list {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #c0c0c0;
	list-style-type: none;
}
.blogroll-channel .blogroll-link-time {
	margin: 0 0 0 3px;
	color: #666;
	font-size: 10px;
}
.blogroll-channel .blogroll-list-wrap {
	margin-bottom: 10px;
}
.blogroll-category-name {
	margin-top: 3px;
	color: #ff97a5;
	font-weight: bold;
	font-size: 12px;
}
.blogroll-wrapper {
	height: 316px;
	overflow: auto;
	margin-bottom: 10px;
	background: #fff;
}
.blogroll-column {
	float: left;
	width: 50%;
}



/********** Img link header **********/

.img-link-header ul {
  width: 770px;
  margin: 4px 0px 4px 4px;
  overflow: hidden;
  font-size: 11px;
}

.img-link-header ul li {
  width: 172px;
  height: 200px;
  margin: 0 10px 10px 0;
  background-color: #fff;
  float: left;
}

.img-link-header ul li a {
  width: 162px;
  height: 190px;
  padding: 5px 5px 0 5px;
  display: block;
}

.img-link-header ul li a:hover {
  background-color: #ebfffe;
}

.img-link-header ul li a:hover .ttl {
  color: #00b5a9;
}

.img-link-header ul li .ttl {
  height: 50px;
  line-height: 1.3;
  margin: 10px 0 0 0;
  padding: 0 5px;
  overflow: hidden;
  word-break: break-all;
}

/** ロール */
#rss1 {
	overflow: auto;
	z-index: 300;
	background-color: #fff;
	color: #696969;
	padding: 10px 20px;
}
#rss2 {
	overflow: auto;
	z-index: 300;
	background-color: #fff;
	color: #696969;
	padding: 10px 20px;
}
#rss3 {
	height: 450px;
	overflow: auto;
	z-index: 300;
	background-color: #fff;
	color: #696969;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #f5deb3;
	padding: 10px 20px;
}
#rss4 {
	height: 280px;
	overflow: auto;
	z-index: 300;
	background-color: #fff;
	color: #696969;
	margin-bottom: 10px;
	padding: 10px 20px;
}
/** 広告 */
#adsense {
}
#adsense2 {
	margin-bottom: 10px;
}

#adsense3 {
	margin-top: 10px;
}

/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */

div.archives-title-outer {
	margin-bottom: 10px;
	background: #FFBDBD;
	border-radius: 3px;
	letter-spacing: 5px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
	padding: 15px 0 10px 0;
	font-size: 3.0rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbdbd+1,ff9e9e+100 */
	background: #ffbdbd; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #ffbdbd), color-stop(100%, #ff9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* IE10+ */
	background: linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbdbd', endColorstr='#ff9e9e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div.archives-title-outer-2 {
}
div.archives-title-outer-3 {
}
h2.archives-title {
	margin: 0;
	text-align: center;
}
/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */

div.pager {
	margin-bottom: 10px;
	text-align: left;
	border-top: dashed 1px #FFBDBD;
	border-bottom: dashed 1px #FFBDBD;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
}
div.pager-inner {
	padding-bottom: 15px;
}
div.index-navigator-outer, div.archives-pager-outer, div.article-pager-outer {
}
/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
	padding-top: 15px;
	font-size: 90%;
}
ul.index-navigator li {
	padding: 0 3px;
}
ul.index-navigator li a {
}
ul.index-navigator li, ol.paging-number, ol.paging-number li {
}
ul.index-navigator li a:hover {
	cursor: pointer;
	color: #000;
	border-bottom: 1px solid #fff;
}
ol.paging-number li.current {
	border-bottom: 1px solid #fff;
}
/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
	list-style-type: none;
	padding-top: 15px;
	font-size: 90%;
}
ul.archives-pager li {
	padding: 2px 5px;
}
ul.archives-pager li a {
	padding: 0 5px;
}
ul.archives-pager li.both {
	border-left: 1px solid #575e69;
}
/* ----------------------------------------------- */
/** ArticlePager - 個別記事ページ */

ul.article-pager {
	padding-top: 15px;
	font-size: 90%;
}
ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}
/* = special tech ... borderの高さを揃えるため */
ul.article-pager {
	overflow: hidden;
}
ul.article-pager li {
	padding-top: 1px;/* 1px余白（上部） */
	padding-bottom: 32768px;
	margin-bottom: -32767px;/* 1px余白（下部） */
}
ul.article-pager li a {
	display: block;
	margin: 0 10px;
}
ul.article-pager li.prev {
	text-align: left;
}
ul.article-pager li.next {
	text-align: right;
}
ul.article-pager li.both {
	border-left: 1px solid #8d8d8d;
}
/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

div.article-outer {
	margin-bottom: 20px;
	text-align: left;
	border-radius: 3px;
	background: #fff;
	padding-top: 10px;
}
div.article-outer-2 {
	padding-bottom: 6px;
}
div.article-outer-3 {
}
/* ----------------------------------------------- */
/** 記事ヘッダー */

.div.article-header {
	padding-top: 20px;
	background: #fff;
	border-radius: 3px;
}
/*** 日付 */
div.article-date-outer {
	float: left;
	padding-left: 20px;
	font-size: 90%;
	font-weight: bold;
}
div.article-date-outer span.article-date {
	margin-right: 3px;
	margin-right: 0.25em;
}
div.article-date-outer span.article-time {
}
/*** カテゴリ */
div.article-category-outer {
	/*	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/common/category.gif) no-repeat;
*/	/*margin-left: 12.5em;*//* 日付の幅 */
	padding-right: 20px;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
}
div.article-category-outer dl.article-category:before {
	font-family: FontAwesome;
	content: "\f024";
	color: #FFA0A0;
}
div.article-category-outer dl.article-category {
	margin: 0;
	padding: 0;
	line-height: 1.25;
}
div.article-category-outer dl.article-category dt, div.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 90%;
}
div.article-category-outer dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}
div.article-category-outer dl.article-category dd:first-of-type {
	margin-left: 5px;
}
/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category div.article-category-outer {
	display: none;
}
/*** 記事タイトル */
div.article-title-outer {
	padding: 0 20px;
	border-radius: 2px;
}
h2.article-title {
	clear: left;
	margin: 0;
	padding: 10px 20px;
	font-size: 125%;
	font-weight: bold;
	background: #FFBDBD;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbdbd+1,ff9e9e+100 */
	background: #ffbdbd; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #ffbdbd), color-stop(100%, #ff9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* IE10+ */
	background: linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbdbd', endColorstr='#ff9e9e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
h2.article-title a:link, h2.article-title a:active, h2.article-title a:visited {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
/* ----------------------------------------------- */
/** 記事本文 */

div.article-body {
	background-color: #ffffff;
	padding: 20px 20px 5px;
	line-height: 170%;
	font-size: 100%;
}
div.article-body-inner {
	width: 100%;
	overflow: hidden;
}
/*** 続きを読む */
div.article-body span.article-continue {
	display: block;
	margin-bottom: 1em;
	text-align: center;
	
}
div.article-body span.article-continue a {
    display: block;
	background:url(http://livedoor.blogimg.jp/kijolifehack/imgs/4/3/430f3f90.png) no-repeat center center;
    height: 140px;
	}
div.article-body span.article-continue a:hover{
	opacity:0.5;
}
div.article-body div.article-body-more, div.article-body div.article-body-private {
	clear: both;
	margin-top: 1em;
}
/*** blockquote & pre */
div.article-body blockquote, div.article-body pre {
	background-color: #f5f5f5;
	padding: 5px 15px;
	margin: 5px 0;
	color: #595d68;
}

/*** img */
div.article-body img.pict {
	margin: 0 5px 5px 0;
}

/*** 共通テーマ */
body.default_2008 dl.common-theme {
	margin: 0 10px 25px;
}
/*** 記事タグ */
body.default_2008 dl.article-tags {
	margin: 25px 10px 0;
}
dl.article-tags a:link {
	color: #eb918b;
}
/*** プライベートモード */
div.private-mode-announcement {
	border-color: #858585;
	line-height: 135%;
	font-size: 90%;
}
/* ----------------------------------------------- */
/** 記事フッター */

div.article-footer {
	background-color: #ffffff;
	padding: 0 20px 20px 20px;
	border-radius: 3px;
}
ul.article-post {
	padding: 10px 5px 0;
	text-align: right;
}
ul.article-post li {
	min-height: 16px;
	font-size: 82%;
}
.article-comment-count:before {
	font-family: FontAwesome;
	content: "\f27b";
	color: #FFA1A1;
}
.article-comment-count a {
	padding-left: 5px;
}
/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

div#article-options {
	background-color: #ffffff;
	padding: 10px 20px;
}
div.article-option {
	padding: 15px 0;
}
div.article-option h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
	padding-left: 25px;
	background: url(http://livedoor.blogimg.jp/kijolifehack/imgs/2/6/26376888.png) no-repeat left top;
}
/*** 指定しやすいようstyleReset */
h4.ping-title, ul.ping-info, ul.ping-info li, ul.comment-info, ul.comment-info li {
	padding: 0;
	margin: 0;
}
ul.ping-info li, ul.comment-info li {
	list-style-type: none;
}
ul.ping-info li, ul.comment-info {
	border-bottom: dashed 1px #ccc;
	padding-bottom: 5px;
}
/* ----------------------------------------------- */
/** トラックバックURL */

div#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}
div#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
div#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}
div#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}
div#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;/* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}
div#trackback-form ul li.trackback-form-submit {
	width: 80px;
}
div#trackback-form ul li.trackback-form-submit input {
}
/* ----------------------------------------------- */
/** トラックバック一覧 */

div.trackback-set {
	padding: 0 0 10px 20px;
	font-size: 90%;
}
h4.ping-title {
	display: inline;
	font-size: 100%;
	font-weight: normal;
}
ul.ping-info {
	display: inline;
}
ul.ping-info li.ping-blog-name {
	display: inline;
	margin-left: 20px;
}
ul.ping-info li.ping-blog-name span {
	margin: 0 10px;
}
ul.ping-info li.ping-date {
	display: inline;
	margin-left: 10px;
}
ul.ping-info li.ping-excerpt {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}
ul.ping-info li.ping-excerpt img.trackback-rating {
}
/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
	padding: 0 0 10px 20px;
	font-size: 90%;
}
ul.comment-info li.comment-author {
	display: inline;
}
ul.comment-info li.comment-date {
	display: inline;
	margin-left: 10px;
}
ul.comment-info li {
	display: inline;
}
ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
}
ul.comment-info li.comment-body img.trackback-rating {
}
/* ----------------------------------------------- */
/** コメントフォーム */

div#comment-form-body {
	background-color: #f5f5f5;
	padding: 15px 0 15px 5px;
}
div#comment-form-body table {
	border: 0;
	width: 95%;
	line-height: 25px;
	font-size: 90%;
}
div#comment-form-body table th {
	width: 3em;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
}
input#author {
	width: 65%;
}
input#email {
	width: 65%;
}
input#url {
	width: 85%;
}
input#bake {
	margin: 0 0 0 5px;
}
textarea#text {
	width: 98%;
	height: 250px;
}
input.button {
	margin-top: 10px;
	width: 150px;
	background: #ddd;
	border: 1px #666 solid;
	border-radius: 3px;
	padding: 10px;
}
input.button:hover {
	cursor: pointer;
	background: #FFBCBC;
	color: #fff;
	border: solid 1px #fff;
}
div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}
label.input-rating {
	margin-left: 20px;
}
label.input-rating select {
	margin-left: 3px;
}
label.input-rating-face {
	margin-left: 5px;
}
label.input-rating-star {
}
div#comment-form-body table tr.submit td {
	text-align: center;
}
/*** コメント認証 */
div.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 90%;
}
div.comment-auth-announcement p a {
	margin: 0 3px;
}
/* ----------------------------------------------- */
/** 関連記事 */

div.related-articles {
	padding: 15px 0 0;
}
div.related-articles h3 {
	color: #f3908b;
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
	padding-left: 20px;
	background: url(http://livedoor.blogimg.jp/kijolifehack/imgs/2/6/26376888.png) no-repeat left top;
}
div.related-articles h3:before {
}
div.related-articles ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
div.related-articles ul li {
	padding: 0 0 5px 9px;
	margin-left: 5px;
	padding-top: 5px;
	border-top: 1px dashed #c0c0c0;
}
div.related-articles ul li a {
	padding-left: 5px;
}
div.related-articles ul li:before {
	font-family: FontAwesome;
	content: "\f138";
	color: #696969;
}
/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */

div.sidetitlebody {
}

div.sidetitle {
	padding: 0;
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	background: url(http://livedoor.blogimg.jp/kijolifehack/imgs/0/1/01a72b80.png) no-repeat center bottom;
	padding: 13px;
	margin-bottom: 10px;
}

div.sidetop, div.sidebottom {
	display: none;
}
div.side {
	margin: 0px 10px 20px 10px;
	text-align: center;
	font-size: 90%;
}
div.sidebody {
	padding: 0 0 5px 9px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
}
div.sidebody:before {
	font-family: FontAwesome;
	content: "\f105";
}
.plugin-recent_articles div.sidebody:before {
	font-family: FontAwesome;
	content: "\f138";
}
div.sidebody a {
	margin-left: 5px;
}
/* ----------------------------------------------- */
/** カレンダー */

div.calendarheadbody {
}
div.calendarheadbody div.calendarhead {
	padding: 0 20px 10px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
div.caltop, div.calbottom {
	display: none;
}
div.calbody {
}
table.caltbl {
	width: 180px;
	margin: 0 auto;
	border: 0;
}
div.calbody table.calendartable {
}
td.caltblwkbg {
}
td.calendarwd {
}
td table.caltblwk td {
	font-size: 90%;
	font-weight: bold;
	height: 20px;
}
td table.caltblwk td.weekday {
}
td table.caltblwk td.sat {
}
td table.caltblwk td.sun {
}
td table.caltblwk td span.calendarweek {
}
td.caltbldaybg {
}
td table.caltblday {
	margin: 0 auto 25px;
	width: 180px;
	color: #8d8d8d;
	font-size: 82%;
}
td table.caltblday td {
	width: 20px;
	height: 24px;
	padding: 0;
	text-align: center;
}
td table.caltblday td.caloff {
}
td table.caltblday td.calendard {
}
td table.caltblday td.calon {
}
td table.caltblday td.calon a {
}
td table.caltblday td.calendardbg {
}
td table.caltblday td span.calendar {
}
a.acalendar:link {
	color: #eb918b;
}
/* ----------------------------------------------- */
/** プロフィール（プラグイン） */

.nickname {
	font-weight: bold;
	margin: 10px 0;
}
.message {
	text-align: left;
	line-height: 125%;
}
/* ----------------------------------------------- */
/** LDServices */

ul#ld-services {
	background: url(http://parts.blog.livedoor.jp/img/usr/default_2008/pink/banner_base.gif) no-repeat center;
	padding-top: 20px;
}
/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
	font-size: 75%;
}
/* ----------------------------------------------- */
/** Footer */

div.footer-outer {
	width: 100%;
	border-bottom: #FFBDBD 5px solid;
}
div.footer-outer-2 {
	padding-right: 10px;
}
div#footer {
	height: 38px;
}
div#footer p {
	line-height: 38px;
	font-size: 75%;
}
/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

div#ad {
	margin: 25px auto 0;
	text-align: center;
}
div#ad iframe {
	margin: 10px auto;
}
div.gAdsense {
	padding: 10px 0;
}
body.ad {
	background: transparent;
	text-align: left;
}
a.adtitle {
	color: #0000ff!important;
	font-weight: bold;
}
a.adtitle span {
	font-size: 90%!important;
}
a.addescription {
	color: #000000!important;
}
a.addescription span {
	font-size: 82%!important;
}
a.adurl {
	color: #1b8d1c!important;
	text-decoration: none;
}
a.adurl span {
	font-size: 82%!important;
}
a.adld {
	color: #666666!important;
	text-decoration: underline;
	font-size: 110%;
}
/* メッセージボード */
.message-board {
	background: rgba(255,255,255,0.8);
	border-radius: 6px;
	font-size: 90%;
	margin: 0 0 10px 0;
	padding: 12px;
}
/* 追記 */


/* グローバルメニュー */
.top_nav ul {
	width: 100%;
	background: #FFBDBD;
	text-align: left;
	margin-bottom: 13px;
	border-radius: 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbdbd+1,ff9e9e+100 */
	background: #ffbdbd; /* Old browsers */
	background: -moz-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #ffbdbd), color-stop(100%, #ff9e9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* IE10+ */
	background: linear-gradient(45deg, #ffbdbd 1%, #ff9e9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbdbd', endColorstr='#ff9e9e', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.top_nav li {
	display: inline-block;
}
.top_nav li a {
	display: block;
	padding: 10px 20px;
	position: relative;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
.top_nav li a:after {
	content: url(http://livedoor.blogimg.jp/kijolifehack/imgs/9/b/9bfa9ba5.png);
	position: absolute;
	right: -10px;
}
.top_nav li:last-of-type a:after {
	content: "";
}
/* rss */
.blogroll-icon {
	display: none;
}
.blogroll-list:before {
	font-family: FontAwesome;
	content: "\f0a9";
}
.blogroll-link {
	padding-left: 5px;
}

/* rank表示 */

.side div.popular-articles table td.populararticles-rank {
	position: relative;
	text-align: center;
	color: #fff;
	width: 22px;
}
.side div.popular-articles table td.populararticles-rank span {
	z-index: 1000;
	position: relative;
}
.side div.popular-articles table tr:first-of-type td.populararticles-rank:before, .side div.popular-articles table tr:nth-of-type(2) td.populararticles-rank:before, .side div.popular-articles table tr:nth-of-type(3) td.populararticles-rank:before {
	font-family: FontAwesome;
	content: "\f005";
	position: absolute;
	color: #FFBDBD;
	z-index: 0;
	top: -1px;
	left: -3px;
	z-index: 0;
	font-size: 3rem;
}
.side div.popular-articles table td.populararticles-rank:before {
	font-family: FontAwesome;
	content: "\f111";
	color: #999;
	position: absolute;
	z-index: 0;
	top: 2px;
	left: -0px;
	font-size: 2.7rem;
}
.side div.popular-articles table td.populararticles-title {
	border-bottom: 1px dotted #ccc;
}
.side div.popular-articles table td {
	padding: 5px 2px;
}

/* ACR */
#acrp11_kijolifehack, #acrp11_kijolifehack table, #acrp11_kijolifehack tbody {
	width: 100%!important;
}
#acrp11_kijolifehack td {
	vertical-align: middle;
	padding: 2px 5px;
}
#acrr_kijolifehack td {
	vertical-align: middle;
	padding: 2px 3px;
}
/* おすすめ記事 個別記事内の枠で囲まれたリンク集 */
.free_linkbox, .osusume_box {
border: 1px solid #f5deb3;
	padding:10px 20px;
	    margin-bottom: 30px;
}
.osusume {
	padding-left: 25px;
	background: url(http://livedoor.blogimg.jp/kijolifehack/imgs/2/6/26376888.png) no-repeat left 20%;
	color: #fa6868;
}
.free_linkbox ul li:not(:last-of-type), .osusume_box ul li:not(:last-of-type) {
	padding-top: 5px;
	border-bottom: 1px dashed #c0c0c0;
}
.free_linkbox ul li:before, .osusume_box ul li:before {
	font-family: FontAwesome;
	content: "\f0a9";
	color: #696969;
}

.free_linkbox ul li a, .osusume_box ul li a{
	padding-left:5px;
}



/* snsボタン */
ul.article-post li .sns_button * {
	vertical-align: auto!important;
	margin-right: 0 !important;
}
.sns_button a {
	width: 40px;
	height: 40px;
	text-align: center;
	margin-right: 5px;
	line-height: 40px;
	border-radius: 50px;
	color: #fff!important;
	font-size: 1.6rem;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.1);
	opacity: 0.4;
}
.sns_button a:hover {
	opacity: 0.2;
}
.sns_button .tw a {
	background: #0CF;
}
.sns_button .fb a {
	background: #36F;
}
.sns_button .ggl a {
	background: #FC4141;
}
.sns_button .hateb a {
	background: #248BF2;
}
/* comment */
.comment_navwrap {
	display: inline-block;
	float: right;
	margin-right: 20px;
	margin-top: -3px;
}
.comment_navwrap li {
	float: left;
	margin-left: 10px;
}
.comment_navwrap a {
	font-size: 13px;
}
.comment-author .comment_color {
	color: #0C0;
}
.comment-id {
	margin-left: 5px;
}

/*続きを読む*/

.more {
    margin-bottom: 10px;
    padding: 3px;
	border-radius: 6px;	
}

.more a {
    background-color: #ffeee6;
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    border-style:dashed;
   color:#DC143C;
    border-color:#DC143C;
    border-width:1px;
    margin-top: 20px;
    margin-bottom: 25px;
}

.more a:hover {
    background-color: #E5EBEE;
    color:#4169E1;
    text-decoration: none;
    border-color:#4169E1;
    border-style:dashed;
    border-width:1px;
}

/** ---------- Google AdSense ---------- **/
.google-user-ad { margin-bottom:20px; }
.google-user-ad-728 { margin:0px auto; }
.google-user-ad-side { margin:10px 0 0 0px; }
.google-user-ad-side1 { margin:0 0 20px; }
.ad-center { text-align:center; }
div.google-2ad {
 margin:0px 0px 30px; 
 height:280px;
}
div.g-ad1 {
 float:left;
 margin-left:0px; 
}
div.g-ad2 {
 float:left;
 margin-left:17px; 
}