@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_yk_slidemenu_1c";
 :shortdesc "ver06_yk_slidemenu_1c for livedoor Blog";
 :created "2013-04-19";
 :release [:revision "1.00"; :created "2013-04-19"];
 :rights "LINE Corporation".
*/

/* 基本
----------------------------------------------- */
body {
color: #333;
font-family: Helvetica,Verdana,sans-serif;
}
a{
color: #0132cc;
text-decoration:none;
}
a:visited {
color: #036;
}
a:hover {
color: #0099ff;
text-decoration:underline;
}
pre{
margin: 10px;
padding: 10px;
border: 1px solid #baa379;
color: #fff;
background: #2C3539;
font-size: 93%;
overflow: auto;
}

/* 全体のレイアウト
----------------------------------------------- */
body {
color: #333;
font-family: Helvetica,Verdana,sans-serif;
}

#wrapper {
        width: 100%;
	position: relative; /* for header-wrap */
margin: 0 auto;
}
#container {
width: 1170px;
margin: 0 auto;
}
#content {
	border-radius: 0 0 4px 4px;
        width: 1170px;
        clear: both;
}
#main {
width:764px;
float:left;
}

/* コンテンツ　左側のカラム */
.left-container{
width:160px;
float:left;
background: #eaeaea;
}
.left-container:after {
content: "."; 
display: block; 
visibility:hidden;
}

/* コンテンツ　右側のカラム */
#sidebar{
width:240px;
float:right;
background: #fff;
}

#sidebar .side{
padding:5px;

}
/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */

#blog-header {
background: #3B5998;
margin: 0 auto;
display: block;
padding: 0;
}

#blog-header hgroup {
width: 1178px;
margin: auto;
}
/* nav
----------------------------------------------- */
#blog-header02{
background: #22A0DD;
}

#nav-menu{
background:#22A0DD;
width: 1178px;
margin: auto;
border-left: 1px solid #6c6c6c;
}
.nav-list {
display: block;
height: 35px;
text-align: center;
}

.nav-list li{
list-style-type: none;
float: left;
border-right: 1px solid #6c6c6c;
font-size: 18px;
width: 19.9%;
}

.nav-list li a{
color: white;
font-weight: 700;
display: block;
line-height: 35px;
}

.nav-list li a:hover {
background: #EF7D7D;
text-decoration:none;
}





/* plugin全体への設定 */
.side:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.side {
	zoom:100%;
	margin:10px 0;
}


/*サイドカラムのタイトル*/
.sidetitlebody{
	padding:5px 10px;
	background: #22A0DD;
	color:#ffffff;
}
.sidetitle a{
	color: #ffffff ;
}
.sidetitle a:visited{
	color: #ffffff ;
}


/* 相互RSS
----------------------------------------------- */
/*全体の設定*/

.headline {
border:groove 3px #3B5998;
margin:5px 0 10px 0;
}

.rss-box{
text-align: center;
background-color: #00C4B5;
color: #FFF;
font-weight: bold;
margin: 0 auto;
padding:5px;
}

/*チャンネル単位の設定*/

.rss-blogroll:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.rss-blogroll {
	zoom:100%;
	padding: 3px 0;
}

.rss-blogroll .blogroll-channel{
	margin-left: 10px;
	width: 49%;
	height: 280px;
	overflow: auto;
	float: left;
	font-size: 14px;
	padding: 0;
	margin-bottom:0;
}

/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list, #lastroll .blogroll-channel .blogroll-list {
list-style-type: none;
line-height: 1.3;
font-size: 14px;
border-bottom: 1px dashed #c71585;
padding-bottom: 3px;
}
/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a, #lastroll .blogroll-channel .blogroll-list a{
	padding-left: 5px;
	color: #333;
	text-decoration: none;
}
.rss-blogroll .blogroll-channel .blogroll-list a:hover{
	text-decoration: underline;
	color: #c71585;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
	color: #ff0a00;
	font-size: 11px;
	font-weight: bold;
}

/* メインカラム
----------------------------------------------- */
/* 記事全体 */
.article-list-wrap {
	overflow: hidden;
}

.article-top {
	border: 1px solid #e4e4e4;
	background: #fff;
	margin: 0 10px 20px;
        padding: 10px;
	width: 44%;
	float: left;
border-top: 5px solid #22A0DD;
}

.ad01{
clear: both;
text-align: center;
}
.article-bottom{
width: 94%;
border: 1px solid #e4e4e4;
background: #fff;
margin: 15px 10px;
padding: 10px;
border-top: 5px solid #EF7D7D;
}

.article-bottom .thum{
width: 200px;
float: left;
}

.thum figure.post-image{
height: 150px;
}

.botmain .article-header{
height: 100px;
}

.botmain .article-title {
font-size: 18px;
height: auto;
}


.article-bottom .botmain{
float: right;
width: 500px;
}
.article-bottom .share{
float: right;
width: 500px;
margin-top: 20px;
}

.article-bottom .article-social-btn{
width: 350px;
display: inline-block;
}
.article-bottom .commentsnum{
width: 130px;
display: inline-block;
}


.article {
	padding: 30px;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
	width: 293px;
	float: left;
}
.first-article {
	width: 764px;
	float: none;
padding: 0;
}
.first-article .article-title{
padding: 15px;
font-weight: bold;
font-size: 24px;
line-height: 1.2;
border-left: 8px solid #000000;
background: #22A0DD;
color: white;
margin:0;
}

.first-article .article-title a{
color: white;
}


.first-article .article-header-inner{
margin-bottom: 15px;
padding: 10px 5px 0 5px;
background: #E0F8FA;
zoom: 100%;
}
.first-article .article-header-inner .article-header-date{
padding-left: 18px;
margin: 4px 10px 5px 0;
font-size: 12px;
line-height: 1.3;
float: left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_date.png) no-repeat left 50%;
}

.first-article .article-header-inner .article-header-bottom{
clear: both;
}

.article-header-bottom .article-social-btn {
font-size: 12px;
width: 500px;
display: inline-block;
padding-left: 10px;
}

.article-header-bottom .commentsnum {
width: 230px;
text-align: right;
display: inline-block;
font-weight: bold;
}



/*??*/
.page-index .even-article {
	margin-right: 30px;
}
.page-category .odd-article,
.page-monthly .odd-article {
	margin-right: 30px;
}

/*カテゴリー - 記事タイトル下の記事情報*/
.article-header-category{
padding-left:16px;
margin:4px 4px 5px 0;
font-size:12px;
	line-height: 1.3;
	float: left;
	background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_category.png) no-repeat left 50%;
}
.article-header-category li{
list-style:none;
}
.article-header-category dt{
display:none;
}
.article-header-category dd{
padding: 0 5px;
	float:left;
}
.article-header-category dd a,
dl.article-tags dd a {
color:#ba55d3;
font-size: 12px;
text-decoration:none;
}
.article-header-category dd a:hover{
	text-decoration:underline;
}
dl.article-tags {
margin: 0;
clear: none;
}

/* 記事ヘッダー、記事タイトル */
.article-header {
	position: relative;
}
.article-title {
	margin: 8px 0 4px;
	font-size: 16px;
	line-height: 20px;
	height: 56px;
	overflow: hidden;
	letter-spacing: 1px;
	font-weight: bold;
}
.page-article .article-title {
	display: inline-block;
}
.page-article .article-rating img {
	vertical-align: baseline;
}
.article-title a {
	color: #333;
}

.article-title a:hover{
text-decoration: none;
color: #FF7790;
}

.first-article .article-title {
	height: auto;
}

/* 日付 */
.article-date {
padding-left: 18px;
margin: 4px 10px 5px 0;
font-size: 12px;
line-height: 1.3;
float: left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_date.png) no-repeat left 50%;
}
/* サムネ */
figure.post-image{
margin: 0;
height: 220px;
overflow: hidden;
}

figure.post-image img{
padding: 0;
}
.commentsnum {
text-align: right;
font-weight: bold;
}
.commentsnum a {
color: #800080;
background-color: #da70d6;
border-bottom: 3px solid #800080;
text-decoration: none;
}
/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

.article-footer {
zoom: 100%;
margin-bottom: 40px;
padding: 10px;
color: #333333;
background: #efefef;
}

.article-footer .article-social-btn {
float: right;
}
.article-footer .article-social-btn > a, .article-footer .article-social-btn > span, .article-footer .article-social-btn > div, .article-footer .article-social-btn > iframe{
    margin: 0 ;
}

.article-footer .article-footer-comment {
padding-left: 18px;
margin: 4px 10px 5px 0;
font-size: 12px;
line-height: 1.3;
float: left;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_comment.png) no-repeat left 50%;
}
.article-footer .article-footer-comment a{
color: #333;
	text-decoration: none;
}
.article-footer .article-footer-comment a:hover{
	text-decoration: underline;
}

dl.article-tags dt {
background-position: 0 -326px;
float: left;
text-indent: -9999px;
width: 12px;
}
/* コメント */
#article-options .article-option-title {
margin-bottom: 15px;
padding: 10px 0 10px 10px;
color: #333333;
border-left: 5px solid #000000;
background: #efefef;
}

.comment-set {
padding: 10px 0;
color: #333333;
border-top: 1px dashed #cccccc;
font-size: 12px;
list-style: none;
}

.comment-body {
padding-bottom: 0;
font-size: 16px;
color: #333333;
}

.comment-author {
color: #227a22;
margin-right: 10px;
font-weight: normal;
}

.comment-number {
margin-right: 10px;
}
.comment-date {
color: #666666;
}
#comments ol{
margin-bottom: 40px;
padding-left: 18px;
}
/* コメントフォーム
----------------------------------------------- */

.comment-form-title{
    font-weight: bold;
}

#comment-form{
    margin-top: 5px;
    background: #efefef;
    padding: 20px 0;
margin-bottom: 0;
}
/*コメント入力欄*/
#comment-form textarea{
resize: vertical;
}

/* 関連記事 */
.related-articles {
padding-bottom: 20px;
}

.related-articles ul {
list-style: none;
padding-left: 10px;
}
.related-articles ul li {
padding: 0 0 5px 18px;
background: url(http://parts.blog.livedoor.jp/img/usr/ver06_km_matomeblue_3c/icon_list.png) no-repeat left 4px;
list-style: none;
}



/* 記事本文
----------------------------------------------- */
.article-body {
	color: #080000;
	font-size: 16px;
clear: both;
}
.first-article .article-body {
	padding: 0 15px;
}

.article-body-inner h4 {
	border-bottom:1px solid #ccc;
}
.article-body-inner a{
text-decoration:none;
}

/*引用*/
.article-body-inner blockquote {
border: 2px dotted #7d7b83;
background-color: #f0f0f0;
padding: 15px;
}
.article-body-inner blockquote:before {
display:none;
}
.introduce {
border: 2px dotted #7d7b83;
padding:15px;
}


.article-body-inner img.pict{
height: auto;
}






/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {
	margin: 30px 0;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	background-color: #e7e7e7;
	color: #666;
	font-weight: normal;
}
ul.index-navigator li.current span {
	background-color: #ccc;
	color: #333;
}
ul.index-navigator a:visited {
	color: #666;
}
ul.index-navigator a:hover {
	color: #999;
	background-color: #eee;
	text-decoration: none;
}

/* 記事ページ、月別アーカイブページ */
ul.archives-pager {
	padding: 30px 0;
}
ul.archives-pager li a {
	color: #666;
	background-color: #e7e7e7;
}
ul.archives-pager li a:hover {
	color: #999;
	background-color: #e7e7e7;
}


.page-article .pager {
	padding: 30px 10px;
	border: 1px solid #e4e4e4;
	background: #fff;
	border-radius: 4px;
	margin-bottom: 30px;
}

ul.article-pager {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.article-pager li {
	float: left;
	display: inline;
	width: 49%;
	margin: 0;
	padding: 1px 0 0;/** 1px余白（上部） */
	line-height: 1.25;
/** ++ border高さを揃えるため */
margin-bottom: -99px;/** 1px余白（下部） */
padding-bottom: 100px;
}

ul.article-pager li a {
	display: block;
	margin: 0 10px;
	background: transparent none !important;
	padding: 0 20px;
}

ul.article-pager li.prev a {
	margin: 0 10px 0 0;
}
ul.article-pager li.next a {
	margin: 0 0 0 10px;
}

ul.article-pager li.prev {
	text-align: right;
}

ul.article-pager li.next {
	text-align: left;
}

ul.article-pager li.both {
	border-left: 1px solid #e4e4e4;
}

div.article-pager-outer {
	height: 1%;
}


/* -----------------------------------------------
フッター
----------------------------------------------- */
/*フッターの全体設定*/
#globalfooter {
clear: both;
position:relative;
margin-top:30px;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
border-bottom:1px solid #0e97df;
background: #3B5998; /* Old browsers */
    background: -moz-linear-gradient(top,  #3B5998 0%,#1e90ff 50%,#3B5998 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B5998), color-stop(0%,#1e90ff), color-stop(100%,#3B5998)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3B5998 0%,#1e90ff 50%,#3B5998 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3B5998 0%,#1e90ff 50%,#3B5998 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3B5998 0%,#1e90ff 50%,#3B5998 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3B5998 0%,#1e90ff 50%,#3B5998 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5998', endColorstr='#c4cce1',GradientType=0 ); /* IE6-9 */
}


#globalfooter .footer-inner {
    margin:0 auto;
    width:1178px;
    padding:11px 0;
}

#globalfooter section {
width: 31%;
float: left;
margin: 1%;
display: inline;
}

#globalfooter h3.widget-title {
border-bottom: dotted 5px #2b2b2b;
color: #fff;
font-size: 24px;
    margin: 5px 12px 12px 0px;
}
.link_box {
    width: 45%;
    display: inline-table;
    font-size: 18px;
    margin-right: 8px;
    padding: 3px;
}
.link_box h4{
padding: 5px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: dotted 3px #c71585;
}
.link_item li {
list-style: none;
font-size: 12px;
border-bottom: dotted 2px #2b2b2b;
margin:5px 0px 10px 0;
}

.link_item li a {
color: #faebd7;
text-decoration: none;
}
.avatar-im , .avatarcom {
margin: 3px 3px 15px 3px;
}

/*フッターのコピーライト部分*/
.c-antena{clear: both;text-align:center;}
#footer_copyright small{
clear: both;
text-align: center;
font-size: 15px;
font-style: normal;
text-align: center;
display: block;
}

#globalfooter #footer{
color:#ffffff;
text-align: center;
}
#globalfooter #footer a{
    color:#ffffff;
}


/*はてな*/
.hatena-bookmark-widget-title {
display: none;
}
.hatena-bookmark-widget-footer {
display: none;
}
/*フォント変更*/
.hatena-bookmark-widget * {
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif !important;
}
/*表組みの背景をなくす*/
.hatena-bookmark-widget-body ul {
background: none repeat scroll 0 0 transparent !important;
}
/*リスト全体：枠を消す、太字解除*/
.hatena-bookmark-widget-body ul {
border: medium none !important;
font-weight: normal !important;
}
/*個別のリスト：枠を消す、リストアイコン*/
.hatena-bookmark-widget-body ul li {
border: medium none !important;
list-style: none !important;
border-bottom: dotted 3px #2b2b2b !important;
}
/*リンクの設定：色、フォントサイズ、行の幅*/
a.hatena-bookmark-entrytitle, a.entrytitle {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 25px;
}


/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper:first-child {
	padding-top: 0;
}
.sidewrapper {
	font-size: 12px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.sidewrapper .sidetitle {
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 0.7em;
}
.sidewrapper .sidetitle a {
	color: #333;
}
.sidewrapper .side .sidebody {
	line-height: 1.5;
	margin: 0 0 7px 0;
}
.sidewrapper .side .sidebody.category-child {
	padding-left: 12px;
}

/* カレンダー */
.calendarhead {
	font-weight: bold;
	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 #e4e7e8;
}
table.caltblday .calon {
	background-color: #fff;
	border: 1px solid #e4e7e8;
}
table.caltblday .calon a {
	height: 23px;
	line-height: 23px;
}
table.caltblday .calon a:hover {}


/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
	border-left: 2px solid #ccc;
	color: #333;
	font-size: 14px;
	margin: 15px 0;
	padding-left: 10px;
}

/* 記事下広告 */
#ad2,
#ad_rs {
	margin: 0 auto 30px;
	width: 400px;
	text-align: center;
	padding: 0;
}
a.adtitle {
	color: #36c;
}
a.addescription {
	color:#666;
}
.adhover a.adtitle:hover,
.adhover a.adurl:hover,
.adhover a.addescription:hover,
.adhover a.adld:hover { color:#09f; }

ul#ld-services {
	padding: 0;
}
ul#ld-services li {
	margin: 0;
	padding: 0;
}

/* TUIKA
----------------------------------------------- */
.gaz-rool {
text-align: center;
margin-bottom: 10px;
}

.gaz {
display: inline-block;
background-color: #000000;
width: 180px;
}
.gaz a{
color: #fff;
text-decoration: none;
}

.gaz a:hover {
	color: deeppink;
	text-decoration: none;
}

.mtm-roll{
margin-bottom: 10px;
}

.favoritesite-in{padding: 3px 0 0 10px;
  }
#itfeed .gfc-control{font-size:15px;width:600px;height: 300px;}#itfeed .gf-snippet, #itfeed .gf-author,#itfeed .gf-spacer,#itfeed .gf-relativePublishedDate {display: none;}#itfeed .gf-title{font-size:18px;padding: 3px;white-space: nowrap;text-overflow: ellipsis;-moz-text-overflow:ellipsis;-o-text-overflow: ellipsis;}#itfeed .gfc-resultsHeader .gfc-title{
font-size:16px;color:#ff0000;}
/* 広告
----------------------------------------------- */
.side-ad{
text-align: center;
}
.article-ad{
text-align: center;
}
.article-ad-in{
margin:5px;
display: inline-block;
}

.adsmid, .adlink {
text-align: center;
}
.in-admid{
display: inline-block;
margin: 5px;
}


.amzimg {
margin-top : 5px;
}

/* 特殊機能・カスタマイズ
----------------------------------------------- */
/* かんたんタイトル画像 */
#blog-header.show-image #blog-header-image {
	border-radius: 4px;
}
#blog-header.hide-text #blog-title a {
	background-color:#fff;
	opacity: 0;
	filter: alpha(opacity = 0);
	-webkit-transition: opacity 0.1s linear;
	   -moz-transition: opacity 0.1s linear;
	    -ms-transition: opacity 0.1s linear;
	     -o-transition: opacity 0.1s linear;
	        transition: opacity 0.1s linear;
}
#blog-header.hide-text #blog-title a:hover {
	opacity: 0.15;
}

/*リンクの設定：色、フォントサイズ、行の幅*/
a.hatena-bookmark-entrytitle, a.entrytitle {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 25px;
}


/* 記事下RSSkokokara */
.article-text-rss-box {
	height:600px;
	padding-bottom:15px;
}
.article-text-rss-box .blogroll-channel {
padding: 10px;
}
.article-text-rss-box .blogroll-channel img{
vertical-align: middle;
}
/* 記事下RSSの設定 */
.article-text-rss {
overflow: hidden;
float:left;
padding-top: 0px;
padding-bottom: 0px;
margin-left: -5px;
	height:600px;
	width: 728px;
}
/* 記事下文字の設定 */
.article-text-rss a{
text-decoration: none;
font-weight: 900;
padding-left: 15px;
}
.article-text-rss a:hover{
color: #DB7093;
text-decoration: underline;
}
.article-text-rss img{
padding-bottom: 4px;
}
.article-text-rss .blogroll-list {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
font-size:18px;
border-bottom: 1px dashed #b0b0b0;
line-height: 2.0;
}



/*サブリストの共通タイトル*/
.favoritesite h3,
.article-sub-rss h3,
.article-sub-category h3 ,
.article-sub-popular h3 {
margin-bottom: 15px;
	padding-left: 10px;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	border-left: 5px solid #000000;
}


/*iroiro*/
.fbbox{
height: 280px;
}

.kote {
color: green;
font-weight: 600;
}

.iroiro {
color: gray;
}
.t_b {
font-weight: 600;
}
div.t_h {
margin: 1em 0;
}
.fixed {
position: fixed;
overflow: hidden;
top: 20px;
}
.banner_item li{
list-style: none ;
}

p.twin{
font-weight: 600;
line-height: 1.7;
}
.gazkotei img{
display:block;

}
.gazkotei span {
color: #ff789f;
font-size: 16px;
font-weight: bold;
max-height: 38px;
line-height: 1.2em;
padding-left: 5px;

}

.gazkotei {
width: 240px;
background-color: #333;
background: rgba(0,0,0,.8);
}

.banner_item li.gazkotei{
display:inline-block;
width: 180px;
margin-bottom: 10px;
}
.appimg{
margin-bottom: 10px;
}
.applink a {
margin: 5px;
}
.article-body-inner p {
    line-height: 1.7;
}