@charset "utf-8";
@import url(http://parts.blog.livedoor.jp/css/template_6thgen.css);

/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "ver06_kh_responsive_3c";
 :shortdesc "Design Template for livedoor Blog";
 :created "2013-06-12";
 :release [:revision "1.01"; :created "2013-07-02"];
 :page <http://blogdesign.ldblog.jp/archives/28321823.html>;
 :rights "LINE Corporation".
*/


/* = Layout
----------------------------------------------- */

#ninja {	
margin-left:205px;
　　　 
}

#wrapper {
	position: relative;
	max-width: 1220px;
	margin: 0 auto;
	text-align: left;
	top: 0;
}

@media screen and (max-width: 768px) {
	#wrapper {
		overflow: hidden;
		width: 768px;
		display: block;
	}
}

#main {
	margin-left: 180px;
	margin-right: 360px;
	padding: 10px 20px 20px;
}

@media screen and (max-width: 768px) {
	#main{
		float: left;
		width: 508px;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-right: 0;
	}
}

#sidebar {
	position: absolute;
	width: 303px;
	padding: 100px 40px 20px;
	top: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
	#sidebar{
		position: static;
		float: left;
		width: 508px;
		margin-bottom: 0;
		margin-left: 220px;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.sideA{
		float: left;
		width: 234px;
	}
	.sideB{
		float: right;
		width: 234px;
	}
}

/* 1カラムレイアウトのとき */
body.layout-1col #content {
	
}
body.layout-1col #main {}
body.layout-1col #main-inner {}
body.layout-1col #sidebar {
	
}
body.layout-1col #sidebar-inner {}
body.layout-1col #sidebar .sidewrapper {
	
}

/* 2カラムレイアウトのとき */
body.layout-2col #content {
	
}
body.layout-2col #main {
	
}
body.layout-2col #main-inner {}
body.layout-2col #sidebar {
	
}
body.layout-2col #sidebar-inner {}

/* 右サイドバー */
body.layout-2col.sidebar-right #content {
	
}
body.layout-2col.sidebar-right #main {
	
}
body.layout-2col.sidebar-right #sidebar {
	
}

/* 左サイドバー */
body.layout-2col.sidebar-left #content {
	
}
body.layout-2col.sidebar-left #main {
	
}
body.layout-2col.sidebar-left #sidebar {
	
}

/* かんたん背景画像 */
body.show-bg-image {
	
}


/* = Setting
----------------------------------------------- */
body {
	-webkit-text-size-adjust: none;
	font: 13px/1.5 "メイリオ", Meiryo,"Arial","ヒラギノ角ゴ Pro W3", "HelveticaNeue";
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/bg.png);
	background-attachment: fixed;
	color: #333;
	position: relative;
}

a,a:visited {
	color: #2B5499;
	text-decoration: none;
}
	a:hover,a:active {
		color: #666;
		text-decoration: underline;
	}


/* = Header
----------------------------------------------- */
#blog-header {
	position: fixed;
	width: 180px;
	padding: 60px 20px 0;
	top: 0;
}
	#blog-header a {
		color: #333;
	}
	#blog-header a:hover {
		color: #666;
		text-decoration: none;
	}

#blog-title {
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 1px;
	margin-bottom: 30px;
font-weight: bold;
}
	
#blog-description {
	font-size: 13px;
	margin-bottom: 60px;
}

#blog-header .navi li {
	list-style: none;
	font-family: Arial;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	padding-left: 36px;
}

.navi li.about {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 0;}
.navi li.twitter {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -108px;}
.navi li.facebook {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -72px;}
.navi li.contact {background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/sprite.png) no-repeat 0 -36px;}


/* = Sidebar
-------------------------------------------------------------- */
#sidebar li {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
	#sidebar li img {
		border: 1px solid #e4e7e8;
		margin-right: 10px;

	}

#sidebar .sidewrapper {
	margin-bottom: 0px;
        margin-top: 10px;
border-left: 1px solid #DCDCDC; 
border-right: 1px solid #DCDCDC; 
border-top: 1px solid #DCDCDC;
border-bottom: 1px solid #DCDCDC;
padding-left: 20px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;


}
	
#sidebar .sidewrapper .sidetitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

#sidebar .sidewrapper .side .sidebody {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;

}


/* = Main (Archives)
-------------------------------------------------------------- */
.message-board {
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}

body.layout-2col .message-board {
	margin-top: 0;
}

#main article {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;

}

#main article .article-date {
	font-size: 12px;
	margin-bottom: 5px;
}

#main .single-post .article-date {
	font-size: 13px;
}

#main .archive-post .article-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .archive-post .nailthumb-container {
	float: right;
	width: 160px;
	height: 160px;
	margin: 0 0 10px 20px;	
	border-radius: 50%;
	border: 4px solid #fff;
}

#main .archive-post .nailthumb-container a:hover img {
	opacity: 0.5;
}

#main .archive-post .post {
	line-height: 1.8;
}

#main .archive-post .article-continue {
	margin: 0;
}

#main .archive-post .article-continue a {
	font-weight: normal;
	line-height: 19px;
	background-position: left top;
	text-decoration: none;
	padding-right: 0;
	float: left;
	background-image: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 20px;
	padding: 5px 10px; 
display: none;
}

#main .archive-post .article-continue a:hover {
	text-decoration: underline;
}

#ffart {
font-size: 15px;
}
/* = Main (Single)
-------------------------------------------------------------- */
#main .single-post .article-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
}

#main .single-post .post {
	overflow: hidden;
	line-height: 2;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
font-size: 15px;
}

#main .single-post .post img.pict {
	max-width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 20px;
}

#main .single-post .article-footer {
	overflow: hidden;
}

.article-tags {float: left;}
.article-meta {
	float: right;
	margin: 1em 0;
}


/* = Private
-------------------------------------------------------------- */
div.private-mode-announcement, div.comment-auth-announcement {
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 15px;
	box-shadow: none;
}

div.private-mode-announcement p, div.comment-auth-announcement p {
	margin: 0;
}


/* = Blockquote
-------------------------------------------------------------- */
.article-body-inner blockquote {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #eee;
	padding: 15px 15px 15px 25px;
}

.article-body-inner blockquote:before {
	font-size: 6em;
	color: #ccc;
	top: 7px;
display: none;
}


/* = CommonTheme
-------------------------------------------------------------- */
dl.common-theme dt, dl.common-theme dd {
	font-weight: bold;
	font-size: 14px;
}

dl.common-theme {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 15px;
}

dl.common-theme:after, dl.common-theme:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

dl.common-theme:after {
	border-bottom-color: #fff;
	border-width: 10px;
	left: 30px;
	margin-left: -10px;
}

dl.common-theme:before {
	border-bottom-color: #ddd;
	border-width: 11px;
	left: 30px;
	margin-left: -11px;
}


/* = Social-btn
-------------------------------------------------------------- */
#main .single-post .article-social-btn {
	text-align: center;
	margin-top: -20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
}


/* = Related-articles
-------------------------------------------------------------- */
#main .single-post .related-articles {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main .single-post .related-articles h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .single-post .related-articles li {
	list-style: none;
	line-height: 19px;
	margin-top: 5px;
}


/* = Tag
-------------------------------------------------------------- */
dl.article-tags dt {
	display: none;
	background-image: none;
}

dl.article-tags dd {
	float: left;
	font-size: 13px;
	line-height: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 5px; 
}


/* = Pager
-------------------------------------------------------------- */
ul.index-navigator li a,
ul.index-navigator li.current span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #8d8d8d;
	border-radius: 3px;
}

ul.index-navigator li.current span {
	background-color: #2B5499;
	color: #fff;
}

ul.index-navigator a:hover {
	background-color: #eee;
	text-decoration: none;
}

ul.index-navigator a:visited {
	color: #8d8d8d;
}

ul.article-pager,
ul.archives-pager {
	overflow: hidden;
	padding: 0;
}

ul.article-pager li,
ul.archives-pager li {
	margin: 0;
}

ul.article-pager li a,
ul.archives-pager li a {
	display: inline;
	padding: 0;
	-webkit-transition: none;
}

ul.article-pager li a:hover,
ul.archives-pager li a:hover {
	background-color: inherit;
	text-decoration: underline;
}


ul.article-pager li.prev {float: left;}
ul.article-pager li.next {float: right;}

ul.index-navigator li a, ul.index-navigator li.current span,
ul.index-navigator li.paging-number ol.paging-number li.current {
	font-weight: normal;
}

ul.index-navigator li a, ul.index-navigator li.current span {
	transition: none;
	padding: 1px 10px 0;
}


/* = Commnet
-------------------------------------------------------------- */
#main .single-post #article-options {
	margin-top: 50px;
}

#main .single-post #article-options .article-option-title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#main .single-post #article-options li.comment-set,
.comment-body, .ping-excerpt {
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_kh_responsive_3c/dot.png) repeat-x left bottom;
	margin-bottom: 10px;
}

.comment-info, .trackback-set {
	margin: 0;
	font-size: 13px;
}


#main .single-post #article-options input.text, #article-options textarea, .trackback-form-url input {
	border: 1px solid #ccc;
}

#main .single-post #article-options textarea {
	border-bottom: 1px solid #ccc;
}

#main .single-post #comment-form-tools {
	border: 1px solid #ccc;
	border-top: 0;
}


/* = Ad
-------------------------------------------------------------- */
#ad2 {
	margin-top: 35px;
}


/* = Category Title
-------------------------------------------------------------- */
#category-header h1,
#monthly-header h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}


/* = Footer
----------------------------------------------- */
#blog-footer {
	position: fixed;
	font-size: 11px;
	width: 180px;
	padding: 0 20px;
	bottom: 20px;
}

ul#ld-services {
	padding: 0;
}


/* = Blog parts (Templete.css 上書き含む)
----------------------------------------------- */
/* Calendar */
.calendarhead {
	text-align: center;
}
table.caltblwk .weekday {
	color: #666;
}
table.caltblwk .sun {
	color: #ff5d5d;
}
table.caltblwk .sat {
	color: #578efa;
}
table.caltblday {
	color: #8d8d8d;
	border-collapse: separate;
	border-spacing: 1px;
}
table.caltblday .caloff {
	background-color: #fff;
	border: 1px solid #ddd;
}
table.caltblday .calon {
	background-color: #2B5499;
	border: none;
}
table.caltblwk td, table.caltblday td {
		height: 25px;
	}
table.caltblday td a {
	color:#fff;
	height: 27px;
	line-height: 27px;
}
@media screen and (max-width: 768px) {
	table.caltblwk td, table.caltblday td {
		height: 30px;
	}
	table.caltblday td a {
		height: 32px;
		line-height: 32px;
	}
}
table.caltblday td a:hover {
	background-color: #ccc;
}

/* Search */
.plugin-search,
.plugin-search_internal {
	padding-bottom: 20px;
}

/* Commnet Author */
.plugin-recent_comments .sidebody, .plugin-recent_track_backs {
	color: #999;
}

/* Gallery */
#sidebar ul.galleryThumbnail li {
	background-image: none; 
}

#sidebar ul.galleryThumbnail li img {
	border: 1px solid #e4e7e8;
	margin-right: 2px;
	margin-bottom: 2px;
}

/* Tag */
.side ul.tagcloud li a {
	float: left;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding: 5px; 
}

/* Recent-article-image */
.side ul.recent-article-image li {
	line-height: 1.5;
}

.side ul.galleryThumbnail li img,
.side ul.recent-article-image li img {
	border-radius: 50%;
}

/* PopularArticles */
#sidebar div.popularArticlesWithImage.A ul li {
	border-bottom: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
}

div.popularArticlesWithImage.A div.title {
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 5px 6px;
	opacity: 1;
}

#sidebar div.popularArticlesWithImage.A li div.image img {
	border: 0;
	margin-right: 0;
}

div.popularArticlesWithImage.B div.title,
div.popularArticlesWithImage.C div.title {
	margin-bottom: 0;
}

#sidebar div.popularArticlesWithImage.B div.image {
	margin-right: 0;
}

div.popularArticlesWithImage.A div.retweet, div.popularArticlesWithImage.A div.comment, div.popularArticlesWithImage.A div.pv {
	background-color: #2B5499;
	font-weight: normal;
	text-shadow: none;
}

div.popularArticlesWithImage.B div.comment, div.popularArticlesWithImage.B div.retweet, div.popularArticlesWithImage.B div.pv {
	background-color: #2B5499;
	text-shadow: none;
}

div.popularArticlesWithImage.C div.comment, div.popularArticlesWithImage.C div.retweet, div.popularArticlesWithImage.C div.pv {
	background-color: #2B5499;
	text-shadow: none;
}

/* アンテナシェア コメント投票de文字装飾 www.antennash.com */
/* 投票数が0、又は+と-の評価が同数の場合はあなたのブログのデフォルト文字装飾になります */

/* 人気レベル 1～7 */
.antennash_comvote_lv1 {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
}
.antennash_comvote_lv2 {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
}
.antennash_comvote_lv3 {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
}
.antennash_comvote_lv4 {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
}
.antennash_comvote_lv5 {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.antennash_comvote_lv6 {
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}
.antennash_comvote_lv7 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

/* 人気レベル -1～-3(マイナス) */
.antennash_comvote_lv-1 {
	font-size: 13px;
}
.antennash_comvote_lv-2 {
	font-size: 13px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.antennash_comvote_lv-3 {
	font-size: 12px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* 投票数表示、バー、投票ボタン全体 */
.antennash_comvote_form {
	padding: 2px 4px;
	overflow: hidden;
}
/* 投票数表示(Good) */
.antennash_comvote_rate_g {
	color: #4D983B;
	float :right;
	margin-right: 1px;
	height: 16px;
	font-size: 12px;
}
/* 投票数表示(Bad) */
.antennash_comvote_rate_b {
	float :right;
	margin-right: 1px;
	height: 16px;
	font-size: 12px;
}
/* 投票数バー(Good) */
.antennash_comvote_bar_g {
	float :right;
	margin-right: 2px;
	height: 16px;
	background: #8DC67E;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC67E), to(#4E993B));
	background: -webkit-linear-gradient(top, #8DC67E, #4E993B);
	background: -moz-linear-gradient(top, #8DC67E, #4E993B);
	background: -ms-linear-gradient(top, #8DC67E, #4E993B);
	background: -o-linear-gradient(top, #8DC67E, #4E993B);
	background-image: -ms-linear-gradient(top, #8DC67E 0%, #4E993B 100%);
}
/* 投票数バー(Bad) */
.antennash_comvote_bar_b {
	float :right;
	margin-right: 2px;
	height: 16px;
	background: #dddddd;
}
/* 投票ボタンエリア */
.antennash_comvote_btbox {
	float :right;
	margin: 0;
}

/* 投票ボタンデザイン */
.antennash_comvote_button {
	width: 100px;
	height: 22px;
	border: 1px solid #4D983B;
	background: #EDF5EC;
	color: #4D983B;
	padding: auto;
	font-size: 12px;
	text-decoration: none;
	vertical-align: middle;
}
.antennash_comvote_button:hover {
	background: #4D983B;
	color: #fff;
}
.antennash_comvote_button:active {
	background: #EDF5EC;
	color: #4D983B;
}

/* ポップアップレス(超高速版のみ) */
.popstyle {
display: none;
position: absolute;
}
a:hover {
position:relative;
text-decoration:none;
}
a:hover .popstyle {
top: 2em;
left: 2em;
display: block;
width: 600px;
padding: 4px 0 10px 20px;
border: #333 1px solid;
background-color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#333 !important;
font-size:12pt !important;
font-weight:normal !important;
}