@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
Name   : blogmedia/2ch_gray_2c
==================================================
*/

/* 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.
==================================================
*/



/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

html,body,div,h1,.h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	color: #333;
	font-family: "helvetica neue","helvetica","YuGothic","游ゴシック",sans-serif;
	font-size: 100%;
	word-wrap: break-word;
}
img {
	border: 0;
}

a {
	text-decoration: none;
}


#main a:link,
#main a:active {
	color: #004B91;
}
#main a:visited {
	color: #004B91;
}
#main a:hover {
	color: #faa01e;
}

#sub a:link,
#sub a:active,
#extra a:link,
#extra a:active {
	color:#777;
}
#sub a:visited,
#extra a:visited {
	color:#777;
}
#sub a:hover,
#extra a:hover {
	color: #faa01e;
}

#main .article-title a:link,
#main .article-title a:active,
#main .article-title a:visited {
	color: #242424;
	text-decoration: none;
}

#main .article-title a:hover {
	text-decoration: underline;
}

#main ul.article-post li a {
	color: #777;
}



ul.ping-info li.ping-date,
ul.comment-info li.comment-date {
	color: #8d8d8d;
}

.sidetitle {
	color: #333;
}

#sub .sidetitle a,
#extra .sidetitle a {
	color: #333;
}

#sub table.caltblday a:visited,
#extra table.caltblday a:visited {
	color: #777;
}

.footer-outer,
.footer-outer a {
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #fdfdfd;
}

#container {
}
       /* background-color: #f5f5f5;*/

* html #container {
	position: relative;
	top: -1px;
}
*:first-child+html #container {
	position: relative;
	top: -1px;
}


#content {
	width: 1100px;
	margin: 0 auto;
	padding-top: 6px;
	padding-bottom: 6px;
}

#main,
#sub,
#extra {
	overflow: hidden;
}


/* 2col */
.message-board-outer {

}

.message-board-outer-2 {
	padding: 10px;

}


#main {
	float: left;
	display: inline;
	width: 702px;
	padding-left:25px;
}

#main .column-inner {
	padding: 5px;
        margin-bottom:40px;
}

#main .column-inner-2 {
    position: relative;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd;
    background-color: white;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#sub {
	float: right;
	display: inline;
	width: 348px;

}

#extra .column-inner {

}
#sub .column-inner-2 {

}

#sub .column-inner-2,
#extra .column-inner-2 {
	padding: 12px 13px;
}


#extra {
	clear: right;
	float: right;
	display: inline;
	width: 348px;

}

#extra .column-inner {}


.calendarheadbody,
.sidetitlebody {
	margin-bottom: 10px;
	color: #333;
}



.side {
	margin: 0 0 30px 0;
	text-align: left;
}


/* ----------------------------------------------- */
/** clearfix */

#container:after,
#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
.article-body:after,
.article-body .article-body-more:after,
#trackback-form ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/** hasLayout */
.blog-title-outer,
.archives-title,
.article-body,
.article-footer,
.article-title,
.pager,
ul,
.index-navigator-outer {
	height: 1%;
}

/** peek-a-boo bug */
#trackback-form,
#trackbacks-list,
#comments-list,
#comment-form {
	height: 1%;
}


/* =============================================== */
/** Main - 記事説明エリア */
/* ----------------------------------------------- */

.top-list-navi {
        background:#fff;
        position: relative;
        border-top:1px solid #ddd;
	-webkit-box-shadow: 0 1px 7px 0 rgba(53, 32, 41, 0.53);
        -moz-box-shadow: 0 1px 7px 0 rgba(53, 32, 41, 0.53);
        box-shadow: 0 1px 7px 0 rgba(53, 32, 41, 0.53);
        z-index: 10;

}
.top-list-navi ul{
        
	width: 1100px;
	margin: 0 auto;
        height: 50px;
        list-style: none none;
}

.top-list-navi ul li{
        float: left;
        position: relative;
        font-size: 12px!important;
        margin-right: 20px;
        margin-left: 10px;
        padding: 16px 30px 0 0;
}

.top-list-navi ul li:nth-child(1){
        margin-left: 35px;
}

.top-list-navi ul li a{
        color:#777;
}

.top-list-navi ul li a:hover {
        color: #faa01e;
}

.top-list-navi .arrow:after {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        content: "";
        display: block;
        position: absolute;
        right: -6px;
        top: 17px;
        width: 15px;
        height: 15px;
}

.top-list-navi .last{
        width: 550px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}


/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */


.blog-title-outer {
        height: 155px;
        position: relative;
        background:#fff;
        z-index: 100;
        margin: 0;
        padding:0;
}

.blog-title-outer-2 {
        position: relative;
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 10000;
}

.blog-title-outer-3 { 
        position: relative;
        margin: 25px 0 20px 0;
}
.blog-title-outer-4 {
	padding: 0px;
}

.blog-title-outer-3 h1 {   
        position: relative;
        float:left;
	text-decoration: none;
	text-indent: -9999px;
        padding: 7px 0 6px 0px;
        margin-left:13px;
	height:37px;
	width:159px;
}

.blog-title-outer-3 h1 a {
	display: block;
	height:37px;
	width:159px;
	background-image: url(http://livedoor.blogimg.jp/otataho/imgs/2/a/2aa36413.png);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: none;
}


.cf:before, .cf:after {
        content: " ";
        display: table;
}
.cf:after {
        clear: both;
}

.blog-title-outer-3-yoko {
        float: left;
        margin-left:20px;
}

.blog-title-outer-3-yoko ul ,
.blog-title-outer-4 ul{
        list-style: none none;
}

.blog-title-outer-3-yoko ul li,
.blog-title-outer-4 ul li{
        float: left;
        text-align: center;
        font-size: 13px;
        margin:0;
}

.blog-title-outer-3-yoko ul{
         padding-top:12px;
}
.blog-title-outer-3-yoko ul li{
        margin-left:20px;
        padding-left:34px;
        padding-top:2px;
        height:22px;
        background:url("http://livedoor.blogimg.jp/otataho/imgs/b/3/b3c432f9.png") no-repeat 0 0;
}



.blog-description-outer {}


.blog-title-outer-4 ul{
        float: left;
        margin-top:5px;
        margin-left: 20px;
}

.blog-title-outer-4 ul li{
        padding-right: 45px;
        padding-left: 45px;
        border-left: solid 1px #efefef;
        border-right: solid 1px #dfdfdf;
}
.blog-title-outer-4 ul li:nth-child(1){
        padding-left: 0px;
        border-left: 0px ;
}
.blog-title-outer-4 ul li:nth-child(6){
        padding-right: 0px;
        border-right: 0px ;
}

.blog-title-outer-4 ul li a{
        font-weight:bold;
}


.blog-title-outer-3-yoko ul li a,
.blog-title-outer-4 ul li a{
        color:#555;
}

.blog-title-outer-3-yoko ul li a:hover,
.blog-title-outer-4 ul li a:hover {
        color: #faa01e;
}

.blog-title-outer-4 .ue{
        padding-top:5px;
}

.blog-title-outer-4 .sita{
        font-size: 10px;
        color: #8e8e8e;
        font-weight: normal;
}

.searchbox {
        padding: 7px 0 8px 8px;
        height: 35px;
        float: left;
        margin-left: 330px;
        background-position: 0 0;
}
.searchbox ul{
	margin: 0;
	padding: 0px;
	height:35px;
	background:none;
        list-style: none none;
}
.searchbox ul li{
        float:left;
}

.searchbox input {
        padding: 4px 3px;
        border: none;
        height: 27px;
        width: 220px;
        font-size: 13px;
        background:#f9f9f9;
        border-radius: 3px;
        cursor: pointer;
        -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.1s cubic-bezier(0.165,0.84,0.44,1);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}


.searchbox button {
        cursor: pointer;
        margin-left: 10px;
        padding: 0;
        border: 0;
        height: 35px;
        width: 53px;
        vertical-align: top;
}
.searchbox button:hover, .searchbox button:focus {
}

.btn {
        appearance: none;
        background-color: #ff8a60;
        border: none;
        color: #fff;
        display: inline-block;
        font-size: 1em;
        -webkit-font-smoothing: antialiased;
        font-weight: 600;
        line-height: 1;
        padding: 0.75em 1em;
        text-decoration: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        outline: none;
        border-bottom: 2px solid #730B0B;
        border-radius: 3px;
        cursor: pointer;
        -webkit-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.1s cubic-bezier(0.165,0.84,0.44,1);
}

.btn:hover {
        background:#e57c56;
}




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

.iroiro-outer {
	background: #A3DE78;
	color: #fff;
}

.iroiro-outer-2 {
	width: 1100px;
        height:290px;
	margin: 0 auto;
}

.iroiro-outer-3 {
        padding:10px 15px;

}

.iroiro-outer-midashi {
    margin: 20px 0 10px 0; 
    padding: 0px; 
    
}

.iroiro-outer-midashi h3 {
    font-size: 20px;
    color: #fff;
    padding:0;
    margin:0;
}
.frontpick ul , .sidpick ul, .sidpick-bottom ul{
margin: 0;
padding:0;
}

.frontpick ul li , .sidpick ul li, .sidpick-bottom ul li{
list-style:none;
display: inline-block;
outline: none;
position: relative;
vertical-align: top;
}

.frontpick ul li{
         width: 184px;
         background:#fff;
         margin:5px 4px;
         padding:5px 8px;
         border-radius: 3px;
         cursor: pointer;
         -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
         box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
         border-bottom: 1px solid #d7d7d7 !important;
}
.sidpick ul li{
    width: 300px;
    height: 150px;
    margin: 0 0 15px 0;
}
.sidpick-bottom ul li{
    width:200px;
    height:150px;
    margin: 0 10px 0px 0;
}

.frontpick img.pickup , .sidpick img , .sidpick-bottom img{
padding:0;
margin:0;
}
.sidpick img{
width:300px;
height:150px;
}
.sidpick-bottom img{
width:200px;
height:150px;
}
.pickupimage3{
    width: 184px;
    padding-top:5px;
    height:38px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.frontpick a {
     color:#333;
}

.pickup-date{
outline: none;
    background: #ff8a60;
    color: #fff;
    font-size: 11px;
    border-radius: 30%;
    -moz-border-radius: 30%;
    -webkit-border-radius: 30%;
    line-height: 1.4;
    display: block;
    padding: 7px 6px;
    margin: 0;
    position: absolute;
    width: 30px;
    height: 15px;
    top: 2px;
    left: 2px;
}

.article-date-comments:after,
.pickup-date:after {
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    position: absolute;
}

.pickup-date:after {
    border-top: 8px solid #ff8a60;
    border-right: 1px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 14px solid transparent;
    margin-top: -2px;
    margin-left: -5px;
}
.article-date-comments:after {
    border-top: 12px solid #ff8a60;
    border-right: 1px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 18px solid transparent;
    margin-top: -3px;
    margin-left: -5px
}
.pickupimage4-b,
.pickupimage4 {
outline: none;
background: #000;
color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
filter: alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;
overflow: hidden;
display: block;
    padding: 5px 15px 0px 15px;
margin: 0;
position: absolute;
}
.pickupimage4 {
    width: 270px;
    top: 100px;
    height: 45px;
}
.pickupimage4-b {
    width: 170px;
    top: 100px;
    height: 45px;
}

/* =============================================== */
/** 04. 広告エリア */
/* ----------------------------------------------- */
.ad-wide-728{
         width:728px;
         height:90px;
         margin:30px auto;
         padding:0;
}

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

.art-rela-inner{
         background-color: #fafafa;
         border: 1px solid #d9d9d5;
         padding:0;
         margin:30px 0 0;
}


/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */

.pager {
	margin-bottom: 10px;
	text-align: left;
}

.pager-inner {
	padding-bottom: 15px;
}

.index-navigator-outer,
.archives-pager-outer,
.article-pager-outer {}

/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
	padding-top: 15px;
	height: 36px;
	text-align: center;
}
ul.index-navigator li,
ul.index-navigator li ol {
	display: inline-block;*display: inline;*zoom: 1;
	margin: 0!important;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	display: inline-block;*display: inline;*zoom: 1;
	font-weight: bold;
	line-height: 28px;
	margin: 0 2px;
	padding: 0 10px;
	text-decoration: none;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
}
ul.index-navigator li.current span {
	background-color: #D8D8D8;
	color: #000;
	text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:hover {
	background-color: #eee;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:visited {
	color: #555;
}

/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
	padding-top: 15px;
	font-size: 1em;
}

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: 1em;
}

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: 100px;
	margin-bottom: -99px;/* 1px余白（下部） */
}

ul.article-pager li a {
	display: block;
	margin: 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 #8d8d8d;
}
/* =============================================== */
/** 05.5. RSS - RSSエリア */
/* ----------------------------------------------- */

.rss-outer {
	margin-bottom: 20px;
        margin-right:2px;
	text-align: left;
}

/** ヘッダー */
.other-header {
	padding: 10px 5px;
        margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d5;        
}
.other-title {
	clear: left;
	margin: 0;
        color:#444;
	font-size: 20px;
	font-weight:bold;
}
.other-title:first-letter {
        color:#91dc5a;
        font-size:23px;
}

.other-title-normal,
.other-title-icon,
.other-title-foot{
        background-repeat: no-repeat;
        background-position:6px 5px;
        padding: 0px 0 0 46px;
}

.other-title-normal{
        background-image: url(http://livedoor.blogimg.jp/otataho/imgs/4/1/41dfec6c.png);
}
.other-title-icon{
        background-image: url(http://livedoor.blogimg.jp/otataho/imgs/a/7/a77b9ef5.png);
}
.other-title-foot{
        background-image: url(http://livedoor.blogimg.jp/otataho/imgs/6/e/6e043df6.png);
}

.rss-body{
       font-family: "helvetica neue","helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.rss-blogroll-bottom .blogroll-list, .rss-art-bottom2 .blogroll-list{
	list-style:none;
	border-bottom:1px dashed #d5c3b5;
	margin:0;
        height:19px;
	overflow:hidden;
}
.rss-blogroll-bottom .blogroll-list{
	padding:2px 1px;
}

.rss-art-bottom2 .blogroll-list{
	padding:3px 1px;
}

.rss-blogroll-bottom .blogroll-list, .rss-art-bottom2 .blogroll-list{
        font-size:16px!important;
        padding-left:20px!important;
}
.rss-blogroll-bottom .blogroll-category-name{
        padding-left:20px!important;
}
.rss-blogroll-bottom .blogroll-channel, .rss-art-bottom2 .blogroll-channel{
padding:0!important;
margin:0!important;
}

.rss-blogroll-bottom{
        width:690px;
	overflow-y: auto;
}

.rsstop{
	height:320px;
}
.rssbtm{
	height:270px;
}

/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

.article-outer {
	margin-bottom: 25px;
	text-align: left;
        background:#ffffff;
}
.article-outer-2 {
}

.article-outer-3 {
	padding:0px 20px;
}

/* 記事上
----------------------------------------------- */
.kizi_ue{
        width:640px;
	padding: 20px 25px 0 25px;
}

img.pict1 {
border: 1px solid #BBB;
padding: 5px;
margin: 0 15px 0 5px;
border-image: initial;
}

ul.ently_navi1 {
margin: 8px 0 10px 3px;
font-size:14px;
}
ul.ently_navi1 li, ul.ently_navi-bottom li{
list-style-type: none;
margin: 2px 0;
}

ul.bookmark {
padding: 3px;
margin-top:40px;;
height:65px;
}


ul.bookmark li{
    margin-right:10px;
}

ul.bookmark li a {
    display: block;
    border-radius: 10%;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    color:#fff!important;
    font-weight:bold;
    text-align: center;
    width: 45px;
    height:45px;
    font-size: 18px;
    line-height: 47px;
    border-bottom-style: solid;
    border-bottom-width:2px;
}

ul.bookmark .facebook{
    background: #3b5998;
    border-bottom-color: #0A3965;
}

ul.bookmark .facebook:before{
    top:11px;
    position: relative;
    content:url(http://livedoor.blogimg.jp/otataho/imgs/8/4/84f913ea.png);
}

ul.bookmark .twitter{
    background: #55acee;
    border-bottom-color: #3b5998;
}

ul.bookmark .twitter:before{
    top:11px;
    position: relative;
    content:url(http://livedoor.blogimg.jp/otataho/imgs/f/9/f9f3bd3b.png);
}

ul.bookmark .goglp{
    background: #db402c;
    border-bottom-color: #B12715;
}

ul.bookmark .goglp:before{
    top:11px;
    position: relative;
    content:url(http://livedoor.blogimg.jp/otataho/imgs/7/5/75f68b6d.png);
}
ul.bookmark .hateb{
    background: #008fde;
    border-bottom-color: #0773AF;
}



ul.bookmark li,
ul.bookmark-bottom li{
display: inline;
float: left;
overflow: hidden;
}
ul.bookmark-bottom li{
margin: 0 4px;
}

ul.bookmark-bottom li.come a{
background:url("http://blog.livedoor.jp/otataho/otasozai/coment.png")no-repeat;
height:23px;
width:95px;
padding:6px 0 0 150px; 
margin-top:15px;
display:block;
font-size:13px;
font-weight:bold;
}
.rine{
background: url(http://blog.livedoor.jp/otataho/sozai812/line-sankaku.png) no-repeat left bottom;
        height:22px;
	margin-top: 20px;
}

.ad_art_top{
         margin:20px 30px;
}

.art-rela-inner{
         background-color: #fafafa;
         border: 1px solid #d9d9d5;
         padding:0;
         margin:30px 0 0;
}


/* ----------------------------------------------- */
/** 記事ヘッダー */

.article-header {
	padding:30px 20px 20px 20px;
        border-bottom: 1px solid #ddd;
}

/*** 日付 */
.article-date-outer {
        height:15px;
        margin-bottom: 10px;
}

.article-date-cate {
        float:left;
	border: 1px solid #e57c56;
        min-width: 64px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
}

.article-date-cate a {
	display: block;
	color: #e57c56!important;
	padding: 4px 8px 3px;
}

.article-date-comments{
    float: right;
    border-radius: 15%;
    -moz-border-radius: 15%;
    -webkit-border-radius: 15%;
    font-size: 13px;
    background-color: #ff8a60;
    border-bottom: 1px solid #730B0B;
    color: #fff;
    line-height: 1.5;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -18px;
}
.article-date-comments a {
	color: #ffffff!important;
}

/*** カテゴリ */
.article-category-outer {
	float: left;
        margin-top:10px;
}

.article-category-outer dl.article-category {
	padding-left: 20px;
	line-height: 1.25;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_categry.gif) no-repeat 0 0;
}

.article-category-outer dl.article-category dt,
.article-category-outer dl.article-category dd {
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size: 1em;
}

.article-category-outer dl.article-category dt {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	text-indent: -9999px;
}

/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category .article-category-outer {
	display: none;
}

/** 記事タイトル */
.article-title-outer {

}

.article-title {
	clear: left;
	margin: 0;
	font-size: 150%;
	font-weight: bold;
	padding: 3px 0;
}


.article-tool-box-header .article-meta {
	text-align: right;
}
.article-tool-box-header .article-meta li {
	list-style: none;
	min-height: 16px;
	font-size: 82%;
	display:inline-block;*display:inline;*zoom:1;
}
.article-tool-box-header .article-meta li.article-comment-count {
	padding: 3px 5px 3px 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_comment.gif) no-repeat 0 1px;
}
.article-tool-box-header .article-meta li.article-trackback-count {
	padding: 3px 5px 3px 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tracback.gif) no-repeat 0 0;
}
.article-tool-box-header .article-meta li.article-author img {
	vertical-align: middle;
	margin: 0 4px 2px 0;
}
.article-tool-box-header .article-meta li.article-author {
	margin-left: 10px;
}


/* ----------------------------------------------- */
/** 記事本文 */

.article-body {
	clear: both;
	background-color: transparent;
	padding: 10px 5px;
	line-height: 170%;
	overflow: hidden;
}

.article-body-inner {
}

/*** 続きを読む */
.article-body span.article-continue {
}
.article-body span.article-continue a{
	margin-top: 15px;
        color:#555!important;
	font-size: 16px!important;
	display: block;
        width:638px;
        font-weight:bold!important;
        border: 1px solid #ddd;
        text-align:center!important;
        padding:10px 0;
}

.article-body .article-body-more,
.article-body .article-body-private {
	clear: both;
	margin-top: 1em;
}


.article-body h1 {
	padding: 5px 0 5px 5px;
	border-bottom: solid 1px #878787;
	border-left: solid 7px #878787;
	margin: 10px 0;
	font-size: 180%;
}
.article-body {
	font-size: 16px;
        line-height: 2.0;
        font-family: "helvetica neue","helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
.article-body h3 {
	margin: 10px 0;
	font-size: 130%;
}
.article-body h4 {
	font-size: 120%;
	margin: 10px 0;
}
.article-body h5 {
	font-size: 110%;
	margin: 10px 0;
}
.article-body h6 {
	font-size: 105%;
	margin: 10px 0;
}

.article-body ol {
	margin: 10px 20px;
}
.article-body ul {
	margin: 10px 15px;
}

.article-body dt {
	font-weight: bold;
}

.article-body dd {
	margin-left: 1em;
}

/*** blockquote & pre */


.article-body blockquote {
}

blockquote.art-kai{
background: #ffffff!important;
padding: 0px!important;
margin: 50px 0 30px 0!important;
}
blockquote.art-kai ul{
list-style-type: none;
background: rgba(239, 239, 239, 0.38);
padding: 5px 0!important;
width: 540px;
margin: 0 auto!important;
}
blockquote.art-kai ul li{
line-height: 1.8!important;
font-size: 17px!important;
font-weight: normal!important;
padding: 55px 13px 85px 20px!important;
border-bottom: dotted 1px #999;
background: url(http://parts.blog.livedoor.jp/img/usr/journal/bullet.png) no-repeat 0 58px;
}

blockquote.art-kai h3 , blockquote.art-kai2 h3{
background: url(http://livedoor.blogimg.jp/otataho/imgs/0/3/035f8316.png) 0px 7px no-repeat;
border-bottom: 2px solid #91dc5a;
padding: 0px 0px 5px 27px!important;
margin: 0px 0px 30px 0!important;
}

blockquote.art-kai2{
background: #ffffff!important;
padding: 0px!important;
margin: 50px 0 30px 0!important;
}
blockquote.art-kai2 ul{
list-style-type: none;
padding: 5px 0!important;
width: 600px;
margin: 0 auto!important;
}
blockquote.art-kai2 ul li{
color:#333!important;
line-height: 1.8!important;
font-size: 19px!important;
font-weight: normal!important;
padding: 25px 13px 65px 0px!important;
border-bottom: dotted 1px #999;
}
blockquote.art-kai2 ul li p{
    color: #9e9e9e;
    font-size: 13px;!important;
    margin-top: 20px;!important;
    padding-bottom:25px;!important;
    padding-left: 21px;
    text-decoration: none;
    background: url(http://livedoor.blogimg.jp/otataho/imgs/0/f/0fd3d3e2.png) no-repeat 0 3px;!important;

}
blockquote.art-kai2 ul li.res1{
padding: 25px 25px 65px 20px!important;
}

blockquote.art-kai2 ul li.res2{
padding: 25px 25px 65px 40px!important;
}
blockquote.art-kai2 ul li.res3{
padding: 25px 25px 65px 60px!important;
}
blockquote.art-kai2 ul li.res4{
padding: 25px 25px 65px 80px!important;
}

/*** img */
.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 0 0;
}

dl.article-tags {
	background-image: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tag.gif)!important;
}

dl.article-tags dt {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/*** プライベートモード */
.private-mode-announcement {
	border-color: #858585;
	line-height: 135%;
	font-size: 1em;
}

/* ----------------------------------------------- */
/** 記事フッター */

.bottom_pick{
text-decoration: none;
text-indent: -9999px;
height:0px;
display: none;
}

.article-footer {
	margin: 35px 0 0 0;
	background-color: #fff;
}


/* =============================================== */
/** 06. リンク色々 */
/* ----------------------------------------------- */


.link-art-footer{
       width:660px;
       margin-bottom:10px;
       font-family: "helvetica neue","helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.link-art-bottom-body h3,
.sidpick-bottom h3 {
        color:#444;
	font-size: 17px;
	font-weight:bold;
        padding-top: 5px;
}
.sidpick-bottom h3 {
        margin:10px 0 20px 0;
}
.link-art-bottom-body h3 {
        margin:20px 0 10px 0;
}

.link-art-bottom-body h3:first-letter,
.sidpick-bottom h3:first-letter {
        color:#91dc5a;
        font-size:18px;
}

.link-art-footer ul {
        padding:0px;
        margin:0px;
}

.link-art-footer ul li{
        font-weight:bold;
        line-height: 1.7;
        font-size:15px;
        margin:0px;
        list-style:none;
        padding: 0 0 5px 0px;
}

.iro-pick a{
        color: rgb(255, 51, 102)!important;
}

.link-art-bottom,
.link-art-bottom-related,
.link-art-bottom-newslist,
.link-art-bottom-comment,
link-art-bottom2{
	margin-bottom: 20px;
        margin-right:2px;
	text-align: left;

}

.link-art-bottom-body{
        padding:10px 0px;
	text-align: left;
        font-family: "helvetica neue","helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

ul.link-art-bottom-pick1 li{
        font-weight:bold;
        line-height: 1.8;
        font-size:15px;
        margin:0px;
        list-style:none;
        padding:1px 15px;
       border-bottom: 1px dashed #d5c3b5;
}

div.link-art-bottom-rss{
        height:155px;
        padding-top:1px;
        overflow:hidden;
}

div.link-art-bottom-rss .blogroll-list{
        font-size:15px;
        font-weight: bold;
        padding:1px 15px;
        border-bottom: 1px dashed #d5c3b5;
        line-height:1.6!important;
        margin:0 0 3px 0!important;
}

div.link-art-bottom-rss .blogroll-channel{
        padding:0!important;
        margin:0!important;
}

div.link-art-bottom-rss .blogroll-channel .blogroll-ad-img {
        margin-top:40px;
}

.link-art-bottom2-imgpick ul{
        margin:15px 0;
        padding:0 25px;
}
.link-art-bottom2-imgpick ul li{
        list-style:none;
        display: inline-block;
        outline: none;
        position: relative;
        vertical-align: top;
        width: 200px;
        margin-bottom:5px;
}
.link-art-bottom2-imgpick ul li.ctr{
        margin-right:20px;
        margin-left:20px;
}
.link-art-bottom2-imgpick ul li{
margin:0;
padding:0;
}


.link-art-bottom-related-body{
           padding:10px 20px;
}
.border-title{
            border-bottom: 1px solid #d9d9d5;
            color: #444;
            font-size: 14px;
            font-weight: bold;
}
div.related-articles{
	padding: 0;
        margin:0;
}
div.related-articles h3{
	margin: 0px;
	padding: 13px 3px 9px;
	font-size: 14px;
	border-bottom: 1px solid #d9d9d5;
}
div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 12px;
	line-height: 1.2;
}
div.related-articles ul li{
	background: url(http://parts.blog.livedoor.jp/img/usr/journal/bullet.png) no-repeat 0 4px;
	padding: 4px 22px;
        font-size:15px;
        margin:0;
}
div.related-articles ul li a{
        display:block;
}
/* =============================================== */
/** 06. side - サイドエリア */
/* ----------------------------------------------- */

.sidetitle {
        padding-left: 30px;
}

.sidetitle {
    font-size: 20px;
    font-weight: bold;
}

.sidetitle:first-letter {
        color:#91dc5a;
        font-size:23px;
}


.plugin-categorize .sidetitle {
        background:url(http://livedoor.blogimg.jp/otataho/imgs/6/6/662dbc28.png) no-repeat 0 4px;
}

.plugin-memo .sidetitle {
        background:url(http://livedoor.blogimg.jp/otataho/imgs/9/5/952c2813.png) no-repeat 0 4px;
}

.plugin-popular_articles_with_image .sidetitle {
        background:url(http://livedoor.blogimg.jp/otataho/imgs/b/c/bc261b17.png) no-repeat 0 4px;
}


/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

#article-options {
	background-color: #ffffff;
	padding: 10px 20px;
}

.article-option {
	padding: 15px 0;
}

.article-option h3 {
	margin: 0 10px 15px 10px;
	padding: 0 0 5px 0;
	font-size: 100%;
}

/*** 指定しやすいようstyleReset */
	h4.ping-title
	, ul.ping-info
	, ul.ping-info li{
		padding: 0;
		margin: 0;
	}

	ul.ping-info li
	, ul.comment-info li {
		list-style-type: none;
	}

/* ----------------------------------------------- */
/** トラックバックURL */

#trackback-form ul {
	margin: 0 30px;
	padding: 0;
}

#trackback-form ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

#trackback-form ul li.trackback-form-url {
	width: 100%;
	margin-right: -90px;
}

#trackback-form ul li.trackback-form-url span input {
	width: 100%;
}

#trackback-form ul li.trackback-form-url span {
	display: block;
	padding-right: 100px;
	/* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}

#trackback-form ul li.trackback-form-submit {
	width: 80px;
}

#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

.trackback-set {
	padding: 0 0 10px 20px;
	font-size: 1em;
}

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 {}

/** コメントフォーム */


.comment-body-outer{
           padding:0 20px 15px;
}

 h3.comment-title {
background: none repeat scroll 0 0 #414141;
color: white;
font-weight: bold;
height: 30px;
line-height: 31px;
padding: 0 8px;
}
div#comment-form-body {
	padding: 15px 0 15px 0px;
}

div#comment-form-body table {
	border: 0;
	width: 90%;
	line-height: 25px;
	font-size: 1em;
}

div#comment-form-body table th {
	width: 4em;
	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: 90%;
	height: 150px;
}

input.button {
	margin-top: 10px;
	width: 80px;
}

div#comment-form-body table tr.input-etc td {
	padding-top: 6px;
}

p.label{
        font-size:15px;
        margin:5px 0;
}

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: 1em;
}

div.comment-auth-announcement p a {
	margin: 0 3px;
}

#comment-form .button {
padding: 4px 0;
width: 590px;
}

#form_wrap{
    margin-top:15px;
}
#form_wrap h3{
    display:inline!important;
    font-size:14px;
    font-weight:bold;
    padding:0;
    margin:0;
}

/** コメント一覧 */

li.comment-set {
	padding: 0 0 0px 0px;
	font-size: 1em;
}

ul.comment-info li.comment-author {
	display: inline;
        font-size:13px;
        color: #63BB24;
        font-weight: bold;
}

ul.comment-info li.comment-number{
	display: inline;
        color:#666666;
        font-size:13px;
}
ul.comment-info li.comment-date {
	display: inline;
        color:#666666;
        font-size:13px;
	margin-left: 10px;
}
ul.comment-info li.comment-reply {
	display: inline;
        font-size:13px;
	margin-left: 5px;
}
ul.comment-info li.comment-reply a{
	color:#06c!important;
}

ul.comment-info li {
	display: inline;
}
.comment-info{
        border-bottom: 1px solid #dadada;
        padding: 0 0 35px 0;
        margin:20px 0 0 0;
}
.comment-body {
	color: #000;
        font-size:17px;
}
ul.comment-info li.comment-body {
	display: block;
	margin-top: 30px;
	margin-left: 10px;
}

ul.comment-info li.comment-body img.trackback-rating {}

/*** コメント認証 */
.comment-auth-announcement {
	margin: 10px 0;
	border-color: #858585;
	font-size: 1em;
}

.comment-auth-announcement p a {
	margin: 0 3px;
}
/***コメントポップアップ*/
.reppop{
display: none;
position: absolute;
border:1px solid #bbb;
padding:8px;
font-size:11px!important;
color:#111;
background-color:#fff;
list-style-type:none;
text-align:left;
}

/* ----------------------------------------------- */
/** 関連記事 */

.related-articles{
	padding: 15px 0 0;
}
.related-articles h3{
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
}
.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
.related-articles ul li{
	background: url(http://parts.blog.livedoor.jp/img/cmn/dot.gif) no-repeat -3px 3px;
	padding: 0 0 5px 9px;
	margin-left: 5px;
}


/* =============================================== */
/** 08. 下の誘導のやつ
/* ----------------------------------------------- */
.navi-footer{
        width: 100%;
        overflow: hidden;
}
.navi-footer-prev{
        width:344px;
        border-right:1px solid #CCC;
}
.navi-footer-next{
        width:345px;

}
.navi-footer a{
        width:295px;
        display: block;
        float: left;
        height:57px;
        overflow:hidden;
}
.navi-footer .navi-footer-next a{
        margin:0 0 0 10px;
}
.navi-footer .navi-footer-prev a{
        margin:0 9px 0 0;
}
.navi-footer-state{
        padding:15px 0;
        height:57px;
        float: left;
}
.navi-arrow{
        width: 40px;
        display: block;
        padding: 20px 0 0;
        float: left;
}
.navi-footer .navi-footer-prev .navi-arrow img{
        margin: 0 10px 0 10px;
}
.navi-footer .navi-footer-next .navi-arrow img{
        margin: 0 10px 0 10px;
}
/* =============================================== */
/** 08. 横の誘導のやつ
/* ----------------------------------------------- */

.side-navi {
    display: none;
    position: fixed;
    right: 15px;
    top: 60%;
}
.side-navi a {
    display: block;
    text-indent: -9999px;
    width:48px;
    height:48px;
    margin-bottom:10px;
}
.side-navi a.top{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/4/4/44d5c7a4-s.png);
}
.side-navi a:hover.top{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/7/c/7c8ecd65-s.png);
}
.side-navi a.comme{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/4/8/489d83ce-s.png);
}
.side-navi a:hover.comme{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/0/9/09c7f948-s.png);
}
.side-navi a.commeform{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/f/5/f5b4fd9e-s.png);
}
.side-navi a:hover.commeform{
    background:url(http://livedoor.blogimg.jp/otataho/imgs/2/4/24aa4ff2-s.png);
}


/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */


.sidetop,
.sidebottom {
	display: none;
}


.sidebody {
	margin: 0;
	padding: 0;
	text-align: left;
}

.sidebody {
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 95%;
}


.sidewrapper {}

/* ----------------------------------------------- */
/** カレンダー */

.calendarheadbody {}
.calendarheadbody .calendarhead {
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#sub .calendarheadbody .calendarhead a,
#extra .calendarheadbody .calendarhead a {
	color: #fff;
}

.caltop,
.calbottom {
	display: none;
}

.calbody {}

table.caltbl {
	width: 180px;
	margin: 0 auto;
	border: 0;
}
.calbody table.calendartable {}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
	_font-size: 1em;
	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 {}

/* ----------------------------------------------- */
/** プロフィール（プラグイン） */

.nickname {
	font-weight: bold;
	margin: 10px 0;
}

.message {
	text-align: left;
	line-height: 125%;
}

ul.galleryThumbnail {
	text-align: center;
}


/* ----------------------------------------------- */
/** LDServices */

ul#ld-services {
	padding-top: 20px;
}

/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
	font-size: 12px;
	background: #878787;
	color: #eee;
}

/* ----------------------------------------------- */
/** Footer */

/*フッターの全体設定*/
#blog-footer {
        width:100%;
	background:#090909;
        color:#000;
}
#blog-footer-inner{
	width: 1098px;
        margin:0 auto;
        padding:0 8px;
}
#blog-footer-inner2{
        width: 1098px;
        background:#333;
        padding:20px 0;
}
#blog-footer-inner3{
width: 1050px;
color: #555;
font-size:12px;
       font-family: "helvetica neue","helvetica","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
background-color: #fff;
margin: 0px auto;
padding:10px 0;
border-radius: 7px;
height:660px;
}
div.footer-menu {
width: 240px;
margin-left: 15px;
float: left;
text-align: left;
}
div.footer-menu h3{
font-weight:bold;
margin:0;
padding:0;
}
/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

#right-container-ads{
	margin-bottom: 30px;
	float: left;
	display: inline;
	width: 300px;
        margin-left: 35px;
}





/* 記事下ソーシャルボタン */
.article-social-btn > a,
.article-social-btn > span,
.article-social-btn > div,
.article-social-btn > iframe {
	margin: 4px 0;
}