@charset "UTF-8";

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

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

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


.rss_g{
font-size:12px;
padding:2px;
margin-bottom:5px;
}


object.ybox{
padding:15px;
}

.itembox{
margin:10px 10px 2px;
/*
position:relative;
left:400px;
top:590px;
width:320px;
margin-bottom: -1px;
*/
}

.gourmet{
padding:0 3px 10px 0;
width:230px;
font-size:14px;
font-weight:bold;
float:left;
}

.my_tag{
text-align:left;
}

.side ul.tagcloud li.tag-weight-0 {
	font-size: 11px;
}
.side ul.tagcloud li.tag-weight-1 {
	font-size: 12px;
}
.side ul.tagcloud li.tag-weight-2 {
	font-size: 14px;
}
.side ul.tagcloud li.tag-weight-3 {
	font-size: 14px;font-weight:bold;
}
.side ul.tagcloud li.tag-weight-4 {
	font-size: 16px;font-weight:bold;
}

.side ul.tagcloud li.tag-weight-0 a{
color:#999;
}
.side ul.tagcloud li.tag-weight-1 a{
color:#999;
}
.side ul.tagcloud li.tag-weight-2 a{
color:#666;
}
.side ul.tagcloud li.tag-weight-3 a{
color:#666;
}
.side ul.tagcloud li.tag-weight-4 a{
color:#666;
}


.side ul.tagcloud li a:hover{
color:#75B2FF;
}

.my_ad_top{
padding-bottom:10px;
}

.cont-ad{
padding:10px 20px;
}

/* amazon sidebanner */
.ama_box_280{
position:relative;
width:235px;
height:280px;
overflow:hidden;
border:1px solid #333;
}

.ama_box_150{
position:relative;
width:235px;
height:150px;
overflow:hidden;
border:1px solid #333;
}

.ama_box_280 img:hover,.ama_box_150 img:hover{
opacity:0.6;
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=60);
-moz-opacity:0.6;

}


.ama_title{
position:absolute;
display:block;
left:0px;
bottom:0px;
width:235px;
height:35px;
padding:7px 3px;
line-height:1.2;
font-size:12px;
text-align:left;
color:#fff;
background:#222;
opacity:0.8;
-ms-filter: 'alpha(opacity=80)';
filter: alpha(opacity=80);
-moz-opacity:0.8;
}

.ama_title:hover{
text-decoration:underline;
}






.side ul.recent-article-image li {
padding:5px 0 5px 2px !important;
}

.side ul.recent-article-image li:nth-child(even)       {
background:#f0f8ff;
}



button, input[type="submit"],input[type="button"] {
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-user-select: none;
background-image:-moz-linear-gradient(top,#fafafa,#f4f4f4 40%,#e5e5e5);
background: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
border: 1px solid #ccc;
color: #444;
font-size: 12px;
margin-bottom: 0px;
min-width: 4em;
padding: 3px 12px 3px 12px;
}

button:hover,
input[type='submit']:hover,input[type='button']:hover {
-moz-box-shadow:  0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
background-image:-moz-linear-gradient(top,#fefefe, #f8f8f8 40%, #e9e9e9);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
cursor:pointer;
}

textarea,input{
background:#f8f8f8;
border:1px solid #aaa;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

input:focus, textarea:focus {
background-color: #fff;
}

.top_button{
text-align:right;
}

.top_button a {
border: #BEBEBE solid 1px;
padding: 3px 5px;
color: #333;
font-size: 13px;
text-decoration: none;
background: -webkit-linear-gradient(top, #fdfdfd 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e9e9e9));
border-radius: 2px;
}



#mypopup {
border:1px solid #bbb;
padding:5px 8px 8px;
font-size:12px;
color:#111;
background-color:#ffc;
display: none;
position: absolute;
list-style-type:none;
line-height:1.2;
max-width:750px;
min-width:250px;
box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
}

#mypopup li.comment-date {
	display: inline;
color:#777;
}
#mypopup li.comment-author {
	display: inline;
}

#mypopup img{
max-width:250px;
height:auto;
}

#mypopup .ellip{
margin-bottom:4px;
font-size:12px !important
}

.ama_side{
padding-bottom:20px;
font-size:12px;
line-height:1.3;
}

.ama_side img{
margin:0 0 5px;
padding:0;
border:1px solid #aaa;
}


.ama160{
width:160px;
padding:0px;
margin-bottom:16px;
position:relative;
}

.amalink {
width:100%;
margin:0px;
font-size:14px;
text-align:left;
position: absolute;
top:0px;
left:0px;
z-index: 10;
vertical-align:middle;

}

.amalink a{
display:block;
padding:2px;
padding:10px 3px ;
text-decoration:none;
color:#fff;
background-color: rgba(50, 50, 60, 0.5);

_background: #444;
}

.amalink a:hover{
color:#fff;
text-decoration:underline;
background-color: rgba(50, 50, 60, 0.7);
}


.wlink{
color:#fff;
}

.wlink:hover{
color:#fff;
}


ul {
margin:0;
padding:0;
list-style-type:none;
}

.rss-left{
float:left;
width:33%;
text-align:left;
margin-right:1%;
}

.rss-right{
width:32%;
float:right;
text-align:left;
}



#rssheadline{
padding:3px;
width:100%;
margin-bottom: 10px;
height: 180px;
overflow-y: scroll;
border:1px solid #ccc;
}

#rssheadline p{
width:100%;
margin:0 0 5px;
font-size:12px;
color:#999;
text-overflow:clip; /* ellipsis; */
overflow:hidden;
white-space:nowrap;
line-height:1;

}



#rss_side{
width:100%;
margin:0 2px 5px 0;
height: 600px;
overflow-y: scroll;
text-align:left;
}

#rss_side li {
padding:5px 2px;
}

#rss_side li:nth-child(odd)       {
background:#f0f8ff;
}



#link_side{
width:100%;
margin:0 2px 5px 0;
height: 300px;
overflow-y: scroll;
}



#link_nanj{
width:100%;
margin:0 2px 5px 0;
height: 400px;
overflow-y: scroll;
}

/* navi */


.navi{
margin:0 0 5px;
font-size:12px;
height:30px;
background:url(http://livedoor.blogimg.jp/guusoku/imgs/f/1/f1d5ce18.png) repeat-x;
}

.navi ul{
margin:0;
padding:0;
}

.navi li{
list-style-type:none;
float:left;
margin:0;
padding:0;
}

.navi li a{
display:block;
padding:0 10px;
line-height:30px;
text-align:center;
color:#fff;
border-left:1px solid #1d1d1d;
border-right:1px solid #414141;
text-decoration:none;
}
.navi li a:hover{
color:#ffd800;
border-left:1px solid #1d1d1d;
border-right:1px solid #1d1d1d;
background:url(http://livedoor.blogimg.jp/guusoku/imgs/f/1/f1d5ce18.png) 30px repeat-x;
}


.navi li.navend{
line-height:30px;
border-left:1px solid #1d1d1d;
}

.navi li.other{
float:right;
}


/* RT ranking */


.rt_box{
position:relative;
width:195px;
height:110px;
overflow:hidden;
border:1px solid #333;
float:left;
margin:0 2px 2px 0;
}

.rt_box img{
max-width:195px;
width:195px;
border:0;
margin-left:0px;
}

.rt_box img:hover{
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}



.rt_rt{

position:absolute;
display:block;
right:0;
top:0;
color:#fff;
font-size:13px;
line-height:20px;
padding:2px 5px;
background:#226;
opacity:0.8;
-ms-filter: 'alpha(opacity=80)';
filter: alpha(opacity=80);
-moz-opacity:0.8;
}

.rt_rt:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:24px;
  right:20px;
  border-style:solid;
  border-width:10px 10px 0px 10px;
  border-color:#226 rgba(10,10,40,0);
}

.rt_title{
position:absolute;
display:block;
left:0px;
bottom:0px;
width:195px;
height:30px;
padding:2px 3px;
line-height:1.2;
font-size:13px;
text-align:left;
color:#fff;
background:#222;
opacity:0.8;
-ms-filter: 'alpha(opacity=80)';
filter: alpha(opacity=80);
-moz-opacity:0.8;
word-break: break-all;
}

* html body .rt_box img{
  width:expression(this.width >= 200? "195px" : "auto");
  height:auto;  
}

.rt_title a{
color:#fff;
}
.rt_title:hover{
text-decoration:underline;
}







tr.input-email,tr.input-etc, tr.input-facemark{ display:none;}
/* tr.input-url, */


p.more-btn {
width:400px;
margin:10px;
text-align:center;
font-size: 1em;
line-height: 2.0;

/*text-shadow: -1px -1px 0 #39D;*/
}

p.more-btn a{
text-decoration:none;
display: block;
color:#1078e8;
background-color: #fefefe;
border: 1px solid #9EBBD8;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.more-btn a:hover{
color:#fff;
background:#5396C6;
}

.tube{
width:550px !important
}

.age{color:#393;}
.sage{color:#66f;}

.aa{
line-height:1.0;
font-size:12px;
font-weight:normal;

	font-family:"ＭＳ Ｐゴシック",sans-serif;
display:inline !important;
}

.aa2{
line-height:1.0;
font-size:1em;
font-weight:normal;
color:#111;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
display:inline !important;
}
.aa_text{
display:none;
}


.mytube{
margin:5px 0;
}


.showtube{

display:inline-block;
width:95px;
height:27px;
line-height:27px;
background:url("http://blog.livedoor.jp/guusoku/img/play.png") no-repeat;
margin:3px 0;

}
/*
.showtube{
display:inline !important;
}


.showtube a{
-webkit-border-radius: 2px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-user-select: none;
background-image: -moz-linear-gradient(top,#FAFAFA,#F4F4F4 40%,#E5E5E5);
background: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
border: 1px solid #CCC;
color: #444;
font-size: 12px;
margin-bottom: 0px;
min-width: 4em;
padding: 3px 12px 3px 12px;
text-decoration:none;
}

.showtube a:hover{
-moz-box-shadow:  0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
background-image:-moz-linear-gradient(top,#fefefe, #f8f8f8 40%, #e9e9e9);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
text-decoration:none;
}
*/

.sun{
background:#FF99CC;
}
.sat{
background:#99CCFF;
}

.mycom{
color:#D04080;
font-size:12px;
}

dt {
color:#666;
margin:5px;
}
dd{
margin:0px 0px 20px 25px;
color:#000;
}
big{
font-size:1.5em;
font-weight:bold;
color:#000;
}

.article-body-inner div.text{
margin:2px 2px 15px 20px;
line-height:1.4;
color:#333;
}
.text b{

}



.article-body-inner div.text_aa{
margin:2px 1px 15px 1px;
line-height:1.0 !important;
font-size:12px;
font-weight:normal;
}


.article-body-inner a{
text-decoration:underline;
}

.article-body-inner a:hover{
text-decoration:none;
}








.slim{
font-weight:normal;
}

.ellip{
width:100% !important;
font-size:85% !important;
}


#about{
padding-left:3px;
text-align:left;
}

#about a{
color: #1078e8;
}


#about2{
padding-left:3px;
text-align:left;
font-size:14px;
line-height:1.2;
}

#about2 a{
color: #1078e8;
}

.my-date{
text-align:left;
margin:0 0 3px 3px;
font-family: Verdana, sans-serif;
font-size:14px;
color:#999;
}
.my-btn{
text-align:right;
}

.source{
font-size:12px;
color:#999;

}

.tabledata{
border-collapse: collapse;
border:1px solid #ccc;
}
.tabledata tr{
font-size:14px;
color:#000;
}

.tabledata tr:hover{
background:#ffa;
}

.tabledata th{
text-align:center;
}

#dock-bottom {
    width:200px;
float:left;
text-align:center;
}

#dock-bottom img{
    width:30px;
    height:30px;
    border:0;
    -moz-transition-property: width, height,margin-top;
    -moz-transition-duration:0.2s;
    -moz-transition-timing-function:ease;
    -webkit-transition: all 0.2s ease 0 ;
    -o-transition: all 0.2s ease 0 ;
    margin-top:30px;
}

#dock-bottom img:hover{
    width:60px;
    height:60px;
    margin-top:0;
}

#rss_test{
}

#rss_test li {
margin-bottom:10px;
}

#rss_test .s{
margin-left:10px;
font-size:80%;
display:inline;
}

/* blogrool ================================ */
#roll1,#roll1_b{
width:350px;
text-align:left;
float:left;
}

#roll2,#roll2_b{
width:350px;
text-align:left;
float:right;
}


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

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

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.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;
}


.garss_head{
text-align:left;

}

.garss_list{
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
}


.garss_list_even{
padding:10px 2px;
color:#888;
background:#f0f8ff;
}

.garss_list_odd{

padding:10px 2px;
color:#888;

}


/* ===================================== RT ===*/


div.popularArticlesWithImage.A li div.image.noimage {
  background-image: url("http://livedoor.blogimg.jp/guusoku/imgs/e/8/e85b6f03.png");
  /* ↑アップロードした画像のURLに差し替えて下さい */
  height: 112px;
  width: 150px;
}

div.popularArticlesWithImage.A ul li a { 
border-width:1px !important;
}
div.popularArticlesWithImage.A div.title{
line-height:1.1;
padding:5px 3px;
}




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

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


/* color */
body,
p#blog-description,
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;
}

h2.article-title a{
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,
a.adurl {
	color: #75b2ff;
}

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-image: url(http://parts.blog.livedoor.jp/img/usr/canvas/sky/bg.gif);
background-repeat: repeat;
}

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

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

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


/* 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: #d8d8d8;
}

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

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



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

* {
	word-break: break-all;
}

body
, textarea {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
/* "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3" */
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


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

body {
	margin: 0;
	padding: 0;
	text-align: center;
/*
	min-width: 900px;
	background-image: url(http://parts.blog.livedoor.jp/img/usr/canvas/sky/bg.gif);
	background-repeat: repeat;
	background-position: 50% top;
*/
}

div#containerWrap {
	margin: 0 auto;
width:1000px;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}

div#container {}

div#content {
	padding: 0;
}

div#main
/*
, div#sub
, div#extra 
*/
{
	overflow: hidden;
}

div#main {
	float: left;
	display: inline;
	width: 747px; /* 750 */
margin:0;
border-right:1px solid #aaa;
}

div#main div.column-inner {
margin:0 3px;
background:#fff;
}

div#sub {
	float: right;
	display: inline;
	width: 250px;
}

div#sub div.column-inner {
	padding: 10px 10px 0;
	/* overflow: hidden; */
}

div#extra {
	clear: right;
	float: right;
	display: inline;
	width: 250px;
}

div#extra div.column-inner {
	padding: 0 5px 20px;
	/* overflow: hidden; */
}



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


div.blog-title-outer {
text-align: left;
border-bottom:1px solid #e5e5e5;
/*	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/sky/header.jpg) no-repeat left top; */
}


div.blog-title-left {
width:120px;
float:left;
}

div.blog-title-right {
float:right;
text-align:right;
padding:5px;
}

h1#blog-title {
	margin: 0;
	padding:20px 10px 5px;
	font-weight: bold;
	font-size: 200%;
text-shadow: 2px 1px 1px #ccc;
}


h1#blog-title a,{
color:#5396C6;
}

div.blog-description-outer {}

p#blog-description {
margin:0;
padding:5px 10px;
background:#87cefa;
font-size:12px;
color:#fff;
text-align:left;
}

/* =============================================== */
/** 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;
}

/* ----------------------------------------------- */
/** 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: 0 2px 20px 0px;
	text-align: left;
}

/* ===============================================================06/25*/

div.article-outer-dir {
	text-align: left;
	margin: 0 2px 20px 0px;
}

div.article-main {
width:100%;
}

div.article-main-in {
margin-bottom:10px;

}

div.article-side {
margin:0;
width:160px;
float:left;
}

div.article-end{
clear:both;

}


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

div.message-board-outer {

}

div.message-board {

}

/* 下のRSS */
div.rss-bottom{
margin:30px 0 10px;
padding:0;
}

div.rss-bottom-box {

padding:3px;
width:735;
margin-bottom: 10px;
height: 180px;
overflow-y: scroll;
border:1px solid #ccc;
}


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

div.article-header {
	position: relative;
	min-height: 55px;
}

* 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 {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/category.gif) no-repeat left top;
	padding-left: 20px;
/*	margin-left: 65px;*/
}

div.article-category-outer dl.article-category {
	margin: 0;
	padding: 0;
	line-height: 1.25;
}

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

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

/* ============================================================追加 */

.myarticlebox{
padding:5px 0px 5px;
height:1.5em;
border-left:7px solid #ccc;
border-bottom:1px dotted #ccc;
	line-height: 1.5;
	font-size:12px;
}

ul.myarticle{
margin:0;
padding:0px;
list-style-type:none;
}

.myarticle li{
float:left;
margin-left:5px;
}

li.other{

	float:right;
}

.myarticle-cat{

	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/category.gif) no-repeat left top;
	padding-left: 20px;
}
.myarticle-com {
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/comment.gif) no-repeat left top;
	padding-left: 20px;
}





/*** 記事タイトル */
div.article-title-outer {
/*	margin-left: 65px;*/
}

h2.article-title {
	margin: 0;
	padding: 8px 10px 8px;
	font-size: 1.6em;
	font-weight: bold;
text-shadow: 1px 1px 1px #ccc;

border-left:7px solid #5396C6;
border-top:1px solid #5396C6;
border-bottom:1px dotted #5396C6;

}

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

div.article-body {
	padding: 15px 5px 15px 0px;
	line-height: 1.3;
	font-size: 1em;
}

div.article-body-inner {
padding-bottom:10px;
	width: 100%;
}

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

div.article-body div.article-body-more{
	clear: both;

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


/* ここ */
div.article-body-inner h3 {
margin:7px 0;
padding:4px 10px;
	font-weight: bold;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-opera-border-radius: 8px;
background-color: #D9EBF4;
	line-height: 1.3;
}

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

/*** blockquote & pre */
div.article-body blockquote {
	padding: 10px 10px;
	margin: 5px 0px 5px 5px;
        font-size:12px;
	background-color: #EEF2FB;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-opera-border-radius: 8px;
}


div.article-body pre {
	padding: 15px 10px;
	margin: 5px 0px;
        font-size:12px;
	background-color: #fef;
        border-left:5px solid #faf;
}





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

div.article-body img.pict2 {
	margin: 0 5px 5px 5px;
border:1px solid #aaa;
}

div.article-body img.pict3 {
margin:5px 0;
padding:4px;
border:1px solid #ccc;
}



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



/*** 記事タグ */
dl.article-tags {
	margin:0;
	background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/tag.gif) no-repeat left top;
	line-height:20px;
	padding-left: 20px;
}

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

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

div.article-footer {
	padding: 10px 2px 5px;
	margin: 5px 0px;
	border-width: 1px;
	border-style: none none solid;
}

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

ul.article-info {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0px;
	text-align: right;
}

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;
	padding: 0;
	text-align: right;
}

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

ul.article-post li img {
	vertical-align: middle;
}

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

div#article-options {
	padding: 10px 10px;
/* max-width:700px; */
}

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

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

/*** 指定しやすいよう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 5px 20px 10px;
	font-size: 13px;
}

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

li.comment-author{
color:#292;
}

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

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

ul.comment-info li.comment-body {
	display: block;
	margin-top: 5px;
	margin-left: 10px;

	line-height: 1.3;
color:#000;
margin-bottom:10px;
font-size:15px;
}


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: 250px;
}

input#email {
	width: 65%;
}

input#url {
	width: 97%;
}

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

textarea#text {
margin:10px 0;
	width: 450px;
	height: 200px;
}

input.button {
	margin-left: 110px;
	width: 200px;
}

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: 0px 10px 10px;

}

div.related-articles h3 {
	margin: 0 0 5px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}

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

div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-size: 12px;
}

div.related-articles ul li{
	background: url(http://blog.livedoor.jp/guusoku/arrow.gif)  left center no-repeat;
padding-left:12px;
	margin-left: 5px;
color:#aaa;
line-height:1.5;
}




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

div.sidetitlebody {}

div.sidetitle {
	margin: 0 0 10px;
text-align: left;
font-size: 12px;
font-weight:bold;
color:#fff;
border-width:0px;
background:#5396C6;
padding:7px 7px;

-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;

/* text-shadow: 1px 1px 1px #ccc; */

/*
	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://blog.livedoor.jp/guusoku/arrow.gif) no-repeat 0px 3px;/* left center; */
	padding-left:12px;
	margin-left: 1px;
	text-align: left;
	line-height:1.4;
}

div.sidesub{
margin:5px 5px;
text-align:left;
font-weight:bold;
color:#888;
}

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

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: 1.25;
}

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

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

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

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

table#header a {
	color: #333;
}

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


div.footer-outer {
	padding: 20px 0;
background:#333;
text-align:left;

	color:#fff;
}
.footer-outer a {
	color:#fff;
}
.footer-outer a:hover{
	text-decoration:under-line;
	color:#fff;
}

.foot-box-in{
border-right:1px solid #000;
padding:5px 20px;
}


.foot-box{

float:left;
width:200px;
border-right:1px solid #555;
line-height:1.4;
font-size:14px;
}

.foot-box p{
font-weight:bold;
color:#f60;
margin:0;
}

.foot-box-ad{

float:left;
width:320px;
}

div.footer-outer-2 {}

p#footer {
	margin:0;
	line-height:3.5;
	font-size: 14px;
	color:#fff;
	text-align:center;
	background:#000;
}


/* =============================================== */
/** 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;
}

a.incolor {

color:inherit;
text-decoration:underline;

}

a.comment-url{
color:#292;
}
/* ----------------------------------------------- */
/** 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;
}


/* amz */

.mask{
display:none;
margin:0;
}
.alpha{
position: relative;
float:left;
margin:0 2px 2px 0;
text-decoration:none;
}
.alpha img {
width:115px;
height:150px;
margin:0;
border:0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-opera-border-radius: 6px;
border-radius: 8px;
}
a.alpha:hover img{
}

a.alpha:hover div.mask{
display:block;
margin:0;
width:115px;
height:150px;
position:absolute;
top:0px;
left:0px;
z-index:7;
cursor: pointer;
/*background-color:rgba(30,30,30,0.5);*/

background:url("http://blog.livedoor.jp/guusoku/img/ap.png");
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-opera-border-radius: 6px;
border-radius: 8px;
}

.mask p{
margin:0;
padding:10px;
color:#fff;
font-size:12px;word-break: break-all;
}