@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
 Name   : canvas_sky_3c

 Update : 2010.08.05
==================================================
*/

/* =============================================== */
/** 01. Customize - 色と文字サイズの設定 */
/* ----------------------------------------------- */

/* font-size */
body {
	font-size: 100%;
}

/* color */
body,
h1#blog-title a,
p#blog-description,
h2.article-title a,
div.side a,
div.sidetitle,
div.sidetitle a,
div.calendarheadbody div.calendarhead,
div.calendarheadbody div.calendarhead a,
a.addescription {
	color: #333333;
}

a,
a.adtitle {
	color: #1078e8;
}

a:hover,
h2.article-title a:hover,
div.sidebody a:hover,
.side ul.tagcloud a:hover,
ul.article-info li a:hover,
ul.article-post li a:hover,
div.side a:hover,
a.adurl {
	color: #c5444b;
}

ul.index-navigator li.paging-number span,
ul.index-navigator li.paging-number a:hover,
div.article-date-outer span.article-month {
	color: #ffffff;
}

ul.article-info,
ul.article-post,
ul.article-info li a,
ul.article-post li a,
td table.caltblday,
ul.ping-info li.ping-date,
ul.comment-info li.comment-date,
a.adld,
p.adsbybecome a {
	color: #adadad;
}


/* background-color */
body {
	background-color: #f0f0f0;
}

div#container {
	background-color: #ffffff;
}

div.archives-title-outer,
div.calendarheadbody div.calendarhead,
div.article-body blockquote,
div.article-body pre {
	background-color: #f0f0f0;
}

li.paging-number a{
	background-color: #ffffff;
}

ul.index-navigator li.paging-number a:hover,
ul.index-navigator li.paging-number span,
div.article-date-outer span.article-month {
	background-color: #c5444b;
}


/* border-color */
div#content,
div#sub div.column-inner,
div#extra div.column-inner,
div.article-footer,
ul.index-navigator li.paging-number a,
div.private-mode-announcement,
div.comment-auth-announcement {
	border-color: #cccccc;
}

div.sidetitle,
div.article-date-outer,
div.article-body-inner h3,
ul.index-navigator li.paging-number span {
	border-color: #C5444B;
}

div.article-pager-outer,
div.message-board {
	border-color: #f0f0f0;
}


/* =============================================== */
/** 02. Common - 共通 */
/* ----------------------------------------------- */

* {
	word-break: break-all;
}

body
, textarea {
	font-family: "Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif;
}

a {
	text-decoration: none;
        color: #447ca6;
}

a:hover {
	text-decoration: underline;
}

img {
    border-style:none;
}

.article-body h3{
	font-size: 150%;
	font-weight: bold;
        border-left:solid 7px #c5444b;
border-bottom:solid 1px #c5444b;
padding-left:5px;
}

/* =============================================== */
/** 03. Layout - レイアウトの設定 */
/* ----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	min-width: 1270px;
	text-align: center;
	background-color: ;
	background-repeat: repeat;
	background-position: 50% top;
}

div#containerWrap {
	width: 1270px;
	margin: 0 auto 5px;
}

div#container {
background-image: url(http://livedoor.blogimg.jp/erokunai/imgs/a/e/aeb8aced.png);
}

div#content {
	padding: 0px 0;	
}

div#main
, div#sub
, div#extra {
	
}

div#main {
	float: left;
	display: inline;
	width: 750px;
}

div#main div.column-inner {
	padding: 0 10px 10px;
}

div#sub {
	float: left;
	display: inline;
	width: 200px;
}

div#sub div.column-inner {
	padding: 5px 10px 0;
        margin-right:10px;
	overflow: ;
	border-style: none none none solid;
        border:1px solid #cccccc;
        background-color:#ffffff;
}


div#extra {
	float: left;
	display: inline;
	width: 310px;
}

div#extra div.column-inner {
	padding: 5px 10px 20px;	
        overflow: hidden;	
	border-style: none none none solid;
        border:1px solid #cccccc;
        background-color:#ffffff;
}

div.sidebody.category-parent {
background: url(http://livedoor.blogimg.jp/erokunai/imgs/c/c/cca8c8e6.png) no-repeat left top;
padding-left:20px;
}

div.sidebody.category-child {
background-image:none;
        margin-left: 5px;
}

/* =============================================== */
/** 04. Title - ブログタイトルの設定　ヘッダー */
/* ----------------------------------------------- */

div#headerWrap{
width:100%;
height:95px;
background-color:#ffffff;
border-bottom:solid 1px #cccccc;
border-top:solid 3px #C5444B;
margin-bottom:10px;
}

div.blog-title-outer {	
	background: url() no-repeat left top;
	height: 80px;
        border-left:solid 0px #cccccc;
        border-right:solid 0px #cccccc;
        border-bottom:solid 0px #cccccc;
        border-top:solid 0px #cccccc;
        background-color:#ffffff;
        margin-top: 0px;
        overflow : visible ;
width:1270px;
height:90px;
margin-right: auto;
margin-left: auto;
}

div.blog-title-outer-2 {}

div.blog-title-outer-3 {}

h1#blog-title {
float:left;
        text-align: left;
	margin: 0px;
	padding: 30px 85px 0 40px;
	font-weight: bold;
	font-size: 130%;
        width:270px;
}

/** - ヘッダーリスト検索 */

div.headmenu{
float:left;
width:300px;
}

div#headlistmenu{
width:280px;
height:20px;
padding-bottom: 5px; 
}

#headlistmenu ul{
margin: 10px 15px 0px 5px; 
padding: 0; 
list-style: none;
}

#headlistmenu li{
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#headlistmenu a{
display: block; 
border: 0px solid #ccc;
background-color: #fff;
padding: 4px;
width: 50px; 
margin: 1px;
text-align: center;
color:#333;
font-size: 75%; 
}

#headlistmenu a:hover{
background-color: #666;
color: #FFF; 
}

div.headunder{
border-bottom:1px solid #cccccc;
padding-bottom:5px;
}

/** - 検索フォーム */

div.headsearch{
padding: 10px 0 0 0;
width:200px;
height:20px;
}

div.headsearch form{
position: relative;
}

div.headsearch input.sf{
    width: 182px;  
    height: 16px;  
    background: #999;  
    border: none;  
    padding: 4px;  
    color: #FFF; 
}

div.headsearch input.sfbtn{
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 190px; 
}

div.blog-description-outer {
float:left;
width:320px;
}

p#blog-description {
text-align: left;
        width:260px;
	padding: 0px 0px 0 0px;
	line-height: 1.35;
	font-size: 75%;
}

/* =============================================== */
/** 05. SubTitle - アーカイブタイトルの設定 */
/* ----------------------------------------------- */

div.archives-title-outer {
	margin-bottom: 10px;
	padding: 10px;
}

div.archives-title-outer-2 {}

div.archives-title-outer-3 {}

h2.archives-title {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 90%;
	font-weight: normal;
}

/* =============================================== */
/** 06. Pager - ページャーの設定 */
/* ----------------------------------------------- */

div.pager {}

div.pager-inner {
	padding: 0 0 5px;
	margin: 0 0 10px;
	text-align: left;
}

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

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

ul.index-navigator {
	padding: 5px 0 0;
	margin: 0;
	font-size: 90%;
}

ul.index-navigator li a,
ul.index-navigator li span {
	padding: 4px 5px;
	display: inline-block;
	text-decoration: none;
}

ul.index-navigator li.paging-number span,
ul.index-navigator li.paging-number a {
	padding: 4px 9px;
	border-width: 1px;
	border-style: solid;
}

ul.index-navigator li.paging-number ol.paging-number li.current {
	margin: 0 1px;
}

ul.index-navigator li.paging-prev a {
	margin-right: 10px;
}

ul.index-navigator li.paging-last a {
	margin-left: 10px;
}

/* ----------------------------------------------- */
/** ArchivesPager カテゴリ別、月別 */

ul.archives-pager {
	padding: 5px 0 0;
	list-style-type: none;
	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 記事ページ */

div.article-pager-top div.article-pager-outer {
	padding: 0 0 10px;
	border-width: 0 0 2px 0;
	border-style: none none dotted none;
}

div.article-pager-bottom div.article-pager-outer {
	padding: 10px 0 0;
	border-width: 2px 0 0 0;
	border-style: dotted none none none;
}

ul.article-pager {
	font-size: 90%;
}

ul.article-pager li {
	float: left;
	width: 49%;
	line-height: 1.25;
}

ul.article-pager {
	overflow: hidden;
}

ul.article-pager li {
	padding-top: 1px;
	padding-bottom: 100px;
	margin-bottom: -99px;
}

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


/* =============================================== */
/** 07. Main - 記事の設定 */
/* ----------------------------------------------- */

div.article-outer {
	margin-bottom: 20px;
	text-align: left;
}

div.article-outer-2 {}

div.article-outer-3 {}


/* ----------------------------------------------- */
/** Message Board - インフォメーション */

div.message-board-outer {
	margin-bottom: -6px;
	margin-top: -8px;
}

div.message-board {
	padding-bottom: 0px;
	line-height: 1.4;
	text-align: left;
	font-size: 90%;
	border-width: 0px;
	border-style: solid;
}

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

div.article-header {
	position: relative;
	min-height: 70px;
	padding: 0 0px;
        border-top:solid 1px #cccccc;
        border-left:solid 1px #cccccc;
        border-right:solid 1px #cccccc;
        background-color:#ffffff;
}

* html div.article-header {
	height: 55px;
	zoom: 1;
}

/*** 日付 */
div.article-date-outer {
	width: 55px;
	height: 55px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 0;
	border-width: 1px;
	border-style: solid;
}

div.article-date-outer span.article-month {
	display: block;
	line-height: 15px;
	text-align: center;
	white-space: nowrap;
	font-size: 10px;
}

div.article-date-outer span.article-date {
	display: block;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	font-size: 26px
}

/*** カテゴリ */
div.article-category-outer {
	
	padding-left: 5px;
	margin-left: 5px;
        margin-top: 10px;
        float:left;
        max-width:220px;
        
}


div.article-category-outer dl.article-category {
	margin: 0;
	padding: 0;

}

div.article-category-outer dl.article-category dt
{

	display: inline;
	margin: 0;
	padding: 5px;
	margin-right: 5px;
	font-size: 83%;
}

dl.article-category dd{
display: inline-block;
background: url(http://livedoor.blogimg.jp/erokunai/imgs/c/c/cca8c8e6.png) no-repeat left center;
margin: 3px;
border:solid 1px #cccccc;
background-color:#e6e6e6;
width: 160px;
text-align:center;
font-size: 75%;
}

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

/*** 記事タイトル */
div.article-title-outer {
	margin-left: 5px;
        float:left;
        width:430px;
        height:112px;
}



/*** 個別記事タイトル */
div.article-title-outer-kobetsu {
	margin-left: 0px;
padding: 10px 10px 12px 10px;
}

h2.article-title {
margin: 0;
	font-size: 150%;
	font-weight: bold;
        border-left:solid 7px #c5444b;
padding-left:5px;
}

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

div.article-body {
	padding: 15px 20px 0px;
	line-height: 1.7;
	font-size: 90%;
        background-color:#ffffff;
        border:1px solid #cccccc;
}

div.article-body-more {
	font-size: 110%;
}

div.article-body-inner {
	width: 100%;
        
}

div.articletop{
font-size: 130%;
}

div.ArticleFirstImageThumbnail{
border:1px solid #cccccc;
padding:2px;
margin-right: 5px;
margin-left: -10px;
margin-top: -5px;
width: 250px;
float:left;
}

div.category-tag{
float:left;
width: 195px;
height:65px;
padding-left:8px;
border:0px dotted #ccc;
}

.cap {position: relative;}
 
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
 
.cap p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   font-weight:bold;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
   font-size:80%;
}

.cap a:link{
color:#fff;
}

.cap a:visited{
color:#fff;
}

p.cap-500 {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #000;
   font-weight:bold;
   margin-bottom:135px;
   padding: 5px;
   background: #fff;
   filter: Alpha(opacity=70);
   opacity:0.7;
   font-size:100%;
}

div.facetw{
 margin-bottom:10px;
 margin-top:5px;
 border:0px solid #cccccc;
 height:60px;
 float:right;
}

ul.snsb{
list-style: none;
}

ul.snsb li{
display: inline-block;
}

/*** 続きを読む */
div.article-body span.article-continue {
	display: block;
	margin-top: 1em;
}

div.article-body div.article-body-more
, div.article-body div.article-body-private {
	clear: both;
	margin-top: 1em;
        font-size:130%;
}

div.article-body-inner h3 {
	font-size: 111%;
	font-weight: bold;
	border-width: 0 0 1px 5px;
	border-style: none none solid solid;
	padding-left: 10px;
	line-height: 1.3;
        color:#333;
}

div.article-body-inner h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}

/*** blockquote & pre */
div.article-body blockquote
, div.article-body pre {
	padding: 15px 20px;
	margin: 5px 0;
	font-size: 100%;
}

/*** img */
div.article-body img.pict {
border:1px solid #efefef;
padding:3px;
}

div.article-body img.pict:hover{
border:1px solid #ccc;
}

/*** 共通テーマ */
dl.common-theme {
	margin: 0 0 15px;
}



/*** 記事タグ */

dl.article-tags {
	margin: 5px 10px 5px;
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/tag.gif) no-repeat left top;
	line-height: 20px;
	padding-left: 15px;
        font-size:13px;
        
}

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

dl.article-tags dd{
border:solid 1px #cccccc;
background-color:#e6e6e6;
padding:2px;
}

/*** プライベートモード */
div.private-mode-announcement {
	margin-top: 15px;
	line-height: 1.35;
	border-width: 1px;
	border-style: solid;
}

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

div.article-footer {
	padding: 10px;
	margin-bottom:10px;
	border-left: 1px #cccccc;
	border-right: 1px #cccccc;
        border-bottom: 1px #cccccc;
	border-style: none solid solid;
        background-color:#ffffff;
        clear:left;
        width:708px;
}

div.article-footer div.g1 {
    float: right;
    margin: 1px -13px 0 5px;
}

ul.article-info {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 10px;
	text-align: left;
        width:300px;
float: left;
}

ul.article-info li {
	display: inline-block;
	margin-left: 5px;
	min-height: 16px;
	line-height: 16px;
	font-size: 70%;
}

* html ul.article-info li {
	display: inline;
	height: 16px;
	zoom: 1;
}

*+html ul.article-info li {
	display: inline;
	zoom: 1;
}

ul.article-info li.article-author {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/posted.gif) no-repeat left top;
	padding-left: 20px;
}

ul.article-info li.article-comment-count {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/comment.gif) no-repeat left top;
	padding-left: 20px;
}

ul.article-info li.article-trackback-count {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/trackback.gif) no-repeat left top;
	padding-left: 20px;
}

ul.article-info li span.article-time {
	margin-left: 3px;
}

ul.article-info li span.nickname {
	font-weight: normal;
}

ul.article-post {
	float: right;
	width400px;

}

ul.article-post li {
	min-height: 0px;
	font-size: 70%;
}

ul.article-post li img {
	
}

div.snsbottom{
padding-bottom: 0px;
width:720px;
height:30px;
}

div.g1{
}

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

div#article-options {
	padding: 10px 10px;
        background-color:#ffffff;
        border:1px solid #cccccc;        
}

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

div.article-option h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 90%;
        color:#cccccc;
}



/*** 指定しやすいよう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;
	}

/* ----------------------------------------------- */
/** トラックバック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;
}

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

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

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

li.trackback-set {
	padding: 0 50px 10px;
	font-size: 83%;
}

h4.ping-title {
	font-size: 100%;
	font-weight: normal;
	padding-bottom: 5px;
}

ul.ping-info {
	margin-left: 10px;
}

ul.ping-info li.ping-blog-name {
	display: inline;
	font-size: 90%;
}

ul.ping-info li.ping-blog-name span {
	margin: 0 10px;
}

ul.ping-info li.ping-date {
	display: inline;
	margin-left: 10px;
	font-size: 83%;
}

ul.ping-info li.ping-excerpt {
	display: block;
	margin-top: 5px;
	line-height: 1.4;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
	padding: 0 50px 10px;
	font-size: 83%;
        margin-bottom:30px;
}

ul.comment-info li.comment-author {
	display: inline;
}

ul.comment-info li.comment-date {
	display: inline;
	margin-left: 10px;
	font-size: 83%;
}

ul.comment-info li {
	display: inline;
}

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 1.4;
        font-size: 120%;
        font-weight: bold;
}

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

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

div#comment-form-body {
	padding: 15px 50px;
}

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

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: 97%;
}

input#bake {
	margin: 0 0 0 5px;
}

textarea#text {
	width: 97%;
	height: 250px;
}

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

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 50px;
	font-size: 83%;
	border-width: 1px;
	border-style: solid;
}

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

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

div.related-articles {
	padding: 15px 0 0;
        margin: 0 0 20px;
}

div.related-articles h3 {
	margin: 0 0 0px;
	padding: 0;
	font-size: 100%;        
	font-weight:bold;
        color: #333333;
        border-bottom:3px solid #c5444b;
}

div.related-articles h3 span {
	font-weight: bold;
}

div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 85%;
        border-top: 1px #e0e0e0 solid;
        border-left: 1px #e0e0e0 solid;
        border-right: 1px #e0e0e0 solid;
	font-weight: bold;
}
div.related-articles ul li{
	background: u(http://parts.blog.livedoor.jp/img/usr/canvas/common/dot.gif) no-repeat left 6px;
        border-bottom: 1px #e0e0e0 solid;
	padding: 7px 0 7px 12px;
	margin-left: 0px;
}


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

div.sidetitlebody {}

div.sidetitle {
	margin: 0 0 10px;
	text-align: left;
	font-size: 83%;
	font-weight: bold;
	padding-left: 5px;
	border-width: 0 0 0 4px;
	border-style: none none none solid;
}

div.sidetop
, div.sidebottom {
	display: none;
}

div.side {
	margin: 0 0 20px;
	text-align: center;
	font-size: 83%;
        
}

div.sidebody {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/dot.gif) no-repeat left 5px;
	padding: 0 0 5px 12px;
	margin-left: 4px;
	text-align: left;
}

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

div.calendarheadbody {}
div.calendarheadbody div.calendarhead {
	margin: 0 0 5px;
	padding: 5px 0;
	text-align: center;
	font-size: 83%;
}

div.caltop
, div.calbottom {
	display: none;
}

div.calbody {
	margin-bottom: 20px;
}

table.caltbl {
	width: 180px;
	margin: 0 auto;
	border: 0;
}
div.calbody table.calendartable {}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
	height: 20px;
	font-size: 83%;
}

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;
	width: 180px;
	font-size: 83%;
}
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%;
}

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

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

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

table#header {
	font-size: 10px;
	background: #fff;
	color: #333;
        
}

table#header a {
	color: #333;
}

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


#footer-outer {
	padding: 10px;
width:1270px;
height:630px;
background-color:#fff;
border-top:solid 3px #C5444B;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
}

div.footer-outer-2 {
border:solid 0px #cccccc;
width:1270px;
height:630px;
margin:auto;
}


.table-footer{
}

.table-footer tr, .table-footer td{
width:405px;

}

div.foot-message{
border:solid 1px #e6e6e6;
background-color:#fcfcfc;
 text-align: left;
width:370px;
margin:0 20px 0 15px;
}

div.foot-message h2{
margin-left:40px;
padding-left:17px;
border-left:solid 7px #C5444B;
}

div#footer {}

div#footer p {
	font-size: 83%;
}

div.bottom3{
height:500px;
width:400px;
}

div.linkfooter{
text-align:left;
margin-left:10px;
width:300px;
}

/* =============================================== */
/** 11. 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 {
	font-weight: bold;
}

a.adtitle span {
	font-size: 90%;
}

a.addescription {}

a.addescription span {
	font-size: 83%;
}

a.adurl {
	text-decoration: none;
}

a.adurl span {
	font-size: 70%;
}

a.adld {
	text-decoration: underline;
}


/* ----------------------------------------------- */
/** clearfix */
div#container,
div#content,
div.blog-title-outer,
h2.archives-title,
div.article-body,
div.article-footer,
h2.article-title,
div.pager,
ul,
div.index-navigator-outer,
div#comment-form-body,
div.message-board {
	zoom: 1;
}

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


/*------------------------------------------------
	キャプション
------------------------------------------------*/

h3  {  
    font-size: 116.6%;  
    margin: 10px 10px 5px 10px;  
    color:#FFF;  
}  
.boxgrid    {   
    width: 161px;   
    background: #161613;   
    height: 110px;  
    margin-top: 3px;   
    border: solid 3px #666;   
    overflow: hidden;   
    position: relative;  
}  

.boxgrid2    {   
    width: 172px;   
    background: #161613;   
    height: 112px;  
    margin-top: 3px;   
    border: solid 3px #666;   
    overflow: hidden;   
    position: relative;  
}  

.boxgrid img{   
    position: absolute;   
    top: 0;   
    left: 0;  
}  

.boxgrid2 img{   
    position: absolute;   
    top: 0;   
    left: 0;  
}  

.boxgrid p{   
    margin: 0px 0px 0px 0px;
    padding: 2px 0px;   
    color: #ffffff;   
    font-size: 11px; 
    text-align: left; 
    font-weight:bold;
    line-height: 140%;
}  

.boxgrid2 p{   
    margin: 0px 0px 0px 0px;
    padding: 3px 2px;   
    color: #ffffff;   
    font-size: 12px; 
    text-align: left; 
    font-weight:bold;
    line-height: 140%;
}  

.boxgrid a:link{
	color:#ffffff;
text-decoration: none;
}

.boxgrid2 a:link{
	color:#ffffff;
text-decoration: none;
}
      
.boxcaption{   
    float: left;   
    position: absolute;   
    background: #666;   
    height: 50px;   
    width: 100%;   
    opacity: .8;   
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
}  
.captionfull .boxcaption {  
    top: 50px;  
    left: 0;  
}  
.caption .boxcaption {  
    top: 80px;  
    left: 0;  
} 


/*------------------------------------------------
	PICKUP
------------------------------------------------*/
.pickup-margin{
margin-top:8px;
}

.pickup{
}

.pickup table {
border: 0px #000000 solid;

}

.pickup td {
border: 0px #000000 solid;
}


._tangan_rss_list ul{
margin: 0;
padding: 0;
line-height: 1.8em;
font-size:12pt;
font-weight:bold;
}

iframe.pickup-bottom{
width:685px;
height:1455px;
border: none;

}

iframe.pickup-side{
width:288px;
height:850px;
border: none;

}

.pickup-top{
margin-top:-15px;
margin-bottom:15px;
}

/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 150px;
    width:340px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 75%;
    line-height: 1.3;
    border-bottom: dotted 1px #ccc;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}
.blogroll-wrapper{
width:740px;
overflow:hidden;
}
.blogroll-column{
float:left;
width:50%;
}
/* ----------------------------------------------- */
/*

      BlogRoll css bottom

*/
/* ----------------------------------------------- */

div.bottomroll-line{
    border-top: solid 0px #c5444b;
    border-left: solid 1px #e6e0e0;
    border-bottom: solid 1px #e6e0e0;
    border-right: solid 1px #e6e0e0;
    
}


div.bottomroll{
    
}


div.bottomroll
.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

div.bottomroll
.blogroll-channel {
    height: 695px;
    width:665px;
    padding: 10px;
    background: #fff;
    overflow-y: scroll;
}

div.bottomroll
.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

div.bottomroll
.blogroll-channel .blogroll-list {
    list-style-type: none;
    padding-bottom: 5px;
    margin-bottom: 7px; 
   font-size: 100%;
    font-weight:bold;
    line-height: 1.3;
    border-bottom: dashed 1px #ccc;
    padding-left: 5px;
}

div.bottomroll
.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

div.bottomroll
.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

div.bottomroll
.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

div.bottomroll
.blogroll-channel a.blogroll-link {
}

div.bottomroll
.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

div.bottomroll
.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

div.bottomroll
.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

div.bottomroll
.blogroll-channel .blogroll-ad-img {
}

div.bottomroll
.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

div.bottomroll
.blogroll-wrapper{
width:740px;
overflow:hidden;
}

div.bottomroll
.blogroll-column{
float:left;
width:50%;
}

div.bottomroll span.blogroll-new-entry{
font-size:70%;
}

/* ----------------------------------------------- */
/*

      BlogRoll2 css bottom

*/
/* ----------------------------------------------- */

div.bottomroll2{
    border-top: solid 0px #c5444b;
    border-left: solid 1px #e6e0e0;
    border-bottom: solid 1px #e6e0e0;
    border-right: solid 1px #e6e0e0;
    
}


div.bottomroll2
.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}

div.bottomroll2
.blogroll-channel {
    height: 151px;
    width:665px;
    padding: 10px;
    background: #fff;
    overflow-y: scroll;
}

div.bottomroll2
.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

div.bottomroll2
.blogroll-channel .blogroll-list {
    list-style-type: none;
    padding-bottom: 5px;
    margin-bottom: 7px; 
   font-size: 110%;
    font-weight:bold;
    line-height: 1.3;
    border-bottom: dashed 1px #ccc;
    padding-left: 5px;
}

div.bottomroll2
.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

div.bottomroll2
.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

div.bottomroll2
.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

div.bottomroll2
.blogroll-channel a.blogroll-link {
}

div.bottomroll2
.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

div.bottomroll2
.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

div.bottomroll2
.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

div.bottomroll2
.blogroll-channel .blogroll-ad-img {
}

div.bottomroll2
.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

div.bottomroll2
.blogroll-wrapper{
width:740px;
overflow:hidden;
}

div.bottomroll2
.blogroll-column{
float:left;
width:50%;
}

div.bottomroll2 span.blogroll-new-entry{
font-size:70%;
}


/*------------------------------------------------
	広告
------------------------------------------------*/

.adtop {
height:90px;
margin-bottom:-10px;
}

.admore{
background-color:#fff;
height:250px;
border-top:#ccc solid 1px;
border-left:#ccc solid 1px;
border-right:#ccc solid 1px;
padding:5px 0 5px 0;
}

.admore2{
text-align:center;
margin-top:20px;

}

.adheader{
width:473px;
height:65px;
padding-top:8px;
margin-top:8px;
margin-right:25px;
float:right;
}


/*------------------------------------------------
	トップスクロール
------------------------------------------------*/


#ad1 {
padding:100px 0px 0px 0px;
}

#nav {
  position: relative;
  width: 170px;
  height: 700px;    /* デモ用 */
  background:; /* 同上 */
}


#feeds {
font-size:12pt;
font-weight:bold;
}

#feeds li{
margin-bottom:8px;
padding: 0;
height : 21px;
width : 688px;
text-overflow : ellipsis;
overflow : hidden;
white-space: nowrap;
}


/*------------------------------------------------
	人気記事
------------------------------------------------*/

.popular-articles{
margin-left:;
border-top:3px solid #c5444b;
width: 688px;
	font-weight: bold;
}

table#populararticles-4745982 {
    padding: 5px;
    width: 688px;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#populararticles-4745982 tr{
    padding: 5px;
    border: 1px #cccccc solid;   
}

td.populararticles-rank{
    width:28px;
    text-align: center;
    border: 1px #cccccc solid;
    background-color:#e6e0e0; 
}

td.populararticles-title{
    padding: 5px;
}


div.relatedimg{
border-top:0px solid #c5444b;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}

div.bottomac{
padding-top: 8px;
border:solid 1px #cccccc;
background-color:#ffffff;
}

div.title-shita{
background-image:url(http://livedoor.blogimg.jp/erokunai/imgs/a/d/adc9064f.png);
padding:5px 5px 1px 8px;
border-left:2px #ccc solid;
height:35px;
margin-top:10px;
}

span.title-shita-in{
font-size: 120%; 
color:#333;
font-weight:bold;
border-left:5px #c5444b solid;
padding-left:5px;
}


/*------------------------------------------------
	スクロールSNSボックス
------------------------------------------------*/
#social_wrap{
	width:960px;
	margin:10px auto;
}

#social_box{
	background:#fff;
	width:70px;
	padding:15px;
	margin-left:-250px;
	text-align:center;
	position:fixed;
	bottom:30px;
	list-style-type:none;
        border:1px solid #cccccc;
	border-radius: 10px;
}

#social_box li.toppage{
        margin-bottom:5px;
}

#social_box li.toppage a{
        background: url(http://livedoor.blogimg.jp/erokunai/imgs/6/1/617aa5fc.png) no-repeat center top 5px;
	text-decoration: none;
	display: block;
        background-color:#333;
        color:#fff;
	height:22px;
	border-radius: 5px;
        font-size:70%;
        font-weight:bold;
        padding-top:20px;
}

#social_box li.toppage a:hover{
        background-color:#c5444b;
        color:#fff;
}

#main{
	width:660px;
	float:left;
}

#side{
	width:300px;
	float:left;
}


/*------------------------------------------------
	ブログパーツ
------------------------------------------------*/
div.popularArticlesWithImage.B div.comment, div.popularArticlesWithImage.B div.retweet, div.popularArticlesWithImage.B div.pv{
background-color:#447ca6;
}

div.popularArticlesWithImage.B div.image{
border:solid #ccc 1px;
padding:2px;
}

.side ul.recent-article-image li {
border-bottom:solid #e6e6e6 1px;
padding:5px;
background-color:#fff;
margin-bottom:7px;
}

.side ul.recent-article-image li:hover{
background-color:#e6e6e6;
color:#fff;
border-bottom:solid #ccc 1px;
}

.side ul.recent-article-image li img {
margin-bottom:3px;
border:solid #ccc 0px;
}


/*------------------------------------------------
	sidecaption
------------------------------------------------*/

.capside {position: relative; width:288px;}
 
.capside img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
 
.capside p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   font-weight:bold;
   padding: 5px;
   margin-bottom:0px;
   background: #000;
   filter: Alpha(opacity=60);
   opacity:0.6;
   font-size:90%;
   width:278px;
}


.capsidepick {position: relative; width:288px;
margin-bottom:10px;
}
 
.capsidepick img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
 
.capsidepick p {
   position: absolute;
   left: 0;
   bottom: 0;
   color: #fff;
   font-weight:bold;
   padding: 5px;
   margin-bottom:0px;
   background: #000;
   filter: Alpha(opacity=60);
   opacity:0.6;
   font-size:90%;
   width:278px;
}


.ad-double{
margin-top:50px;
margin-bottom:50px;
height:260px;
}

.ad-left{
float:left;
margin-left:20px;
}

.ad-right{
float:left;
margin-left:20px;
}

.comment-back{
        background: url(http://livedoor.blogimg.jp/erokunai/imgs/6/d/6d50f440.png)no-repeat center top 5px;
   font-weight:bold;
float:left;

    text-align: center;
padding-top:8px;
width:55px;
height:55px;
   font-size:150%;
}

.date-back{
float:left;
margin-right:30px;
margin-top:7px;
padding:0px 10px 0px 10px;
color:#808080;
border:dotted #ccc 2px;
}

.pickup-link{
   font-weight:bold;
 font-size:130%;
}