@charset "UTF-8";

/* 
-----------------------------------------------------
livedoor Blog CSS
FileName:	デフォルト2005（2カラム・グリーンブログ）
Version:	2009.08.10
-----------------------------------------------------
上記を少し改造させて頂きました
物置で使ってるカスタムCSS
http://monooki.ldblog.jp/
-----------------------------------------------------
見ってる～？
-----------------------------------------------------
 */
/* 
プログラムソースコード、隠し文字
*memorandum
#ad{display:none !important;}
 */
#oauth2relay235930682{display:none !important;}
pre{
 text-align: left;
 border: 1px rgb(221, 221, 221) solid !important;
 background: none repeat scroll 0% 0% rgb(250, 250, 250);
 font-size: 12px;
 line-height: 130%;
 padding: 7px;
 margin-left: 8px;
 /* margin-right: 80px; */
 letter-spacing: 0px;
}
img.pict{
 background-color: #AABED9;
 border: 1px #7092BE;
 border-style: dotted;
 padding: 1px;
}
.hidetext{
 color:#FFFFFF;
}
#header{display:none !important;}
#header2{display:none !important;}
#ad2{text-align:center;}
.side ul.recent-article-image li img{
 border: 1px solid #7092BE;
}
img.titleimage{
 border: 1px solid #7092BE;
 margin-right: 20px;
 width: 60px;
 height: 60px;
 float: left;
}
.toppagemymassage{
 font-size: small;
 text-align:center;
}
#ad_rs {display: none !important;}
.autopagerize_page_separator {display: none;}
.autopagerize_page_info {
 font-size: x-small;
 text-align:center;
}
.sh{
 display: none;
}
.shActive{
 display: block;
 margin-left: 20px;
}
.shClose{
 display: none !important;
}
.shOpen{
 display: block;
}
.shButton{
 color:#FFA500;
 background: url(http://monooki.ldblog.jp/BlogBG/close.png) no-repeat;
 background-position: 0px 40%;
 padding-left: 13px;
 font-weight: bold;
}
.shButtonActive{
 background: url(http://monooki.ldblog.jp/BlogBG/open.png) no-repeat;
}
.category-child{
 margin-left:8px;
}
.blogbodyopen{
 font-size: small;
}
.clearboth{
 clear: both;
}
.submit input{
 float: right;
 overflow: hidden;
}
input {
 font-family: "MS Gothic",sans-serif;
}
.message-box input{
 margin: 0;
}
h1{
 
}
h1.software{
 font-size: xx-large;
 margin: 5px;
 padding: 5px;
}
/* オリジナル＆改変 */
	body{
		margin:0;
		padding:0;
		color:#444;
		background:url(http://monooki.ldblog.jp/BlogBG/side.gif);
		background-attachment: fixed; /* BGをスクロールしない */
		text-align:center;
		font-family: "MS Gothic",sans-serif;
		-webkit-font-smoothing: none;
	}
	a{
		color:#66A7FF;/*3e781c*/
		text-decoration:underline;
	}
	a:link{}
	a:visited{
		color:#668ad6;
	}
	a:active{}
	a:hover{
		text-decoration:none;
	}
	h1,h2,h3{margin:0;padding:0;}
	pre,
	blockquote{
		border:2px dotted #777;
		padding:10px;
		margin:10px;
		text-align:left;
	}
/*-----------------------------------------------------*/
	#header{
		background:url(http://monooki.ldblog.jp/BlogBG/bg_head.png) repeat-x 0 100%;
	}
	#header td{
		font-size:12px;
		text-align:right;
		padding-right:10px;
	}
	#header a{color:#00497d;}

	#container{
		width:895px; /* 前は795 */
		margin:0 auto;
		background:url(http://monooki.ldblog.jp/BlogBG/base_2col.png) repeat-y;
		text-align:center;
		word-brecomblogbodybottomak:break-all;
		padding-bottom:100px;
	}

	#banner,#subbanner{
		width:873px; /* 前は773*/
		margin:0 auto;
		background:url(http://monooki.ldblog.jp/BlogBG/title_new.png) ;
		border-bottom:5px solid #3F48CC;/*4f9116*/
		text-align:left;
		color:#fff;
	}
	#banner a{color:#fff;text-decoration:none;}
	#banner a:hover{text-decoration:underline;}
	.blogtitle{
		font-size:large;
		font-weight:bold;
		padding:30px 30px 5px;
		margin-top:0;
	}
	.description{
		font-size:medium;
		padding:0 30px 10px;
		text-shadow: 0px 1px #00A2E8;
	}

	#blogcontainer{
		width:873px; /* 前は773 */
		margin:0 auto;
	}
	#content{
		float:right;
		width:683px;/* まだある 前は583 */
		border-top:#00A2E8 2px solid;/*8dc05c AABED9*/
		text-align:left;
		overflow: hidden;
	}
	#blog{}
	#links{
		float:left;
		width:188px;
		overflow: hidden;
	}
	#footer{}
	#outfooter{}
/*-----------------------------------------------------*/
	.datetop{}
	.fullbody{}
	.datebody{}
	.date{
		color:#66A7FF;/*3e781c*/
		font-size:12px;
		padding:10px 0;
	}
	.blogbodytop{}
	.blogbody{
		line-height:130%;
		text-align:left;
		border-bottom:#00A2E8 2px solid;/*8dc05c*/
		margin-bottom:10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.blogbodybottom{}
	.titlebody{overflow: hidden;}
	.title{
		color:#66A7FF;/*3e781c*/
		font-size:16px;
		font-weight:bold;
		text-align:left;
		margin:0 0;
	}
	.title a{
		text-decoration: none;
	}

	.title a:hover{
		text-decoration: underline;
	}
	.main,.mainmore{
		font-size:14px;
		margin:10px 0;
		text-align:left;
	}
	.continues{}
	 a.continues{
	 	color:#66A7FF;/*3e781c*/
	 }
	
	/* related articles */
	div.related-articles{
		text-align: left;
		margin: 25px 0px 0px;
	}
	div.related-articles h3{
		margin: 0 0 10px;
		padding: 0;
		font-size: 12px;
		color:#66A7FF;/*3e781c*/
	}
	div.related-articles ul{
		list-style: none;
		margin: 0;
		padding: 0;
		line-height: 1.2;
	}
	div.related-articles ul li{
		background: url(http://monooki.ldblog.jp/BlogBG/dot.gif) no-repeat 0 6px;
		padding: 0 0 5px 9px;
		margin-left: 5px;
		font-size: 13px;
	}
	
	.posted{
		color:#66A7FF;/*3e781c*/
		font-size:11px;
		text-align:right;
		margin:5px 20px 5px;
	}
	.posted a.url{
		color: #000 !important;
		text-decoration: none;
	}
	.posted a.url img{
		vertical-align: middle;
		margin-right: 3px;
	}
	.menu{
		color:#66A7FF;/*3e781c*/
		font-size:11px;
		text-align:right;
		margin:0 20px 10px;
	}
	.nextpage{
		margin:0 20px 10px;
		font-size:11px;
		text-align:right;
	}
	.posted a,.menu a,.nextpage a{
		color:#66A7FF;/*3e781c*/
	}
	.pict{
		margin:0 5px 5px 0;
	}
	.blogbodybottom{}
	.dateend{}

/* 広告表示 */
	#ad{
		text-align:center;
	}
	.blogbody iframe{
		width:340px;
		margin:20px auto 20px 10px
	}
	body.ad{
		background:transparent;
	}
	a.adtitle{color:#0a4976;font-weight:bold;text-decoration:underline;}
	a.addescription{color:#000;text-decoration:none;}
	a.adurl{text-decoration:none;}
	a.adld{color:#0a4976;text-decoration:underline;}

/* カテゴリアーカイブ・月別アーカイブ */
	#categorytitlebody{}
	#categorytitle{
		background:#7092BE;/*b4d696*/
		padding:6px 20px;
		text-align:left;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
	}
/*-----------------------------------------------------*/
/* 個別記事 */
	.comblogbodybottom{}
	#contentcommentbottom{}
	.formbodybottom{}
	#articletop{}
	#articlebody{}
	#articlebottom{}
	#blogcommentbottom{}

/* トラックバックURL表示 */
	.trackbackurltop{}
	.trackbackurlbody{
		text-align:left;
	}
	.trackbackurlttl{
		color:#66A7FF;/*3e781c*/
		font-size:12px;
		font-weight:bold;
		padding:10px 20px 0;
	}
	.trackbackurl{
		text-align:center;
		margin-bottom:10px;
	}
	.trackbackurl table{
		width:420px;
		margin:10px auto;
	}
	input.trackbackbox{
		width:350px;
	}

/* トラックバック・コメント */
	a.posttitle{
		color:#66A7FF;/*3e781c*/
		font-size:12px;
	}
	a.posttitle:hover{}

	#trackback,#comment,#takecomment{
		text-align:left;
	}
	.trackbackhead,.commenthead,.takecommenthead{
		color:#66A7FF;/*3e781c*/
		font-size:12px;
		font-weight:bold;
		padding:10px 20px 0;
		margin-bottom:10px;
		border-top:#00A2E8/*8dc05c*/ 1px solid;
	}
	#trackbackbody,#commentbody,#takecommentbody{
		padding:0 20px;
	}
	.trackbackttl,.commentttl{
		color:#a25011;
		font-size:12px;
	}
	.trackbacktext,.commenttext{
		margin:5px 5px 20px;
		line-height:125%;
		font-size:12px;
	}

/* コメント記入 */
	#formbody{
		text-algin:center;
		padding-left:40px;
	}
	.form{
		color:#000;
		font-size:12px;
	}
	.form th{
		font-weight:normal;
		padding:2px;
		text-align:right;
	}
	.form td{
		padding:2px;
	}
	input#author{width:200px;}
	input#email{width:200px;}
	input#url{width:200px;}
	input#bake{}
	textarea#text{width:350px;height:200px;}
	input.button{margin-top:8px;width:80px;}
	
	#error{
		padding:10px;
		font-size:12px;
		line-height:125%;
		font-weight:bold;
	}
	#error span{font-weight:normal;}
	.loginon{
		color:#000;
		font-size:12px;
		font-weight:bold;
		margin:10px 15px;
		padding:5px;
		border:1px solid #00A2E8;/*8dc05c*/
		text-align:center;
	}
	.loginon a{color:#000;}
	.loginon a:hover{color:#fff;}
	.loginoff{
		color:#000;
		font-size:12px;
		font-weight:bold;
		margin:10px 15px;
		padding:5px;
		border:1px solid #00A2E8;/*8dc05c*/
		text-align:center;
	}
	.loginoff a{color:#66A7FF;/*3e781c*/}
	.loginoff a:hover{color:#66A7FF;/*3e781c*/}
/*-----------------------------------------------------*/
/* サイドカラム */
	.sidetitle{
		height:20px;
		background:url(http://monooki.ldblog.jp/BlogBG/title_bar.png) no-repeat 50% 0;
		line-height:20px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		color:#fff;
	}
	.side{
		color:#66A7FF;/*3e781c*/
		font-size:12px;
		line-height:125%;
		padding:15px 10px;
	}
	.sidebody{
		padding:2.5px 12px;
		background:url(http://monooki.ldblog.jp/BlogBG/dot.gif) no-repeat;
background-position:4px 50%;
		text-align:left;
	}
	.side a{color:#66A7FF;/*3e781c*/}
	.side a:hover{}
	a.ttllink{color:#fff;}
	a.ttllink:hover{}

/* カレンダー */
	.calendarhead{
		color:#fff;
		font-size:12px;
		font-weight:bold;
		padding:4px 0;
		text-align:center;
		background:url(http://monooki.ldblog.jp/BlogBG/title_bar.png) no-repeat;
	}

	.calendarhead a:link{color:#fff;text-decoration:none;}
	.calendarhead a:link{color:#fff;text-decoration:none;}
	.calendarhead a:visited{color:#fff;text-decoration:none;}
	.calendarhead a:active{color:#fff;text-decoration:none;}
	.calendarhead a:hover{color:#fff;text-decoration:underline;}

	.caltop{}
	.calbody{text-align:left;}
	.calendartable{}
	.caltbl{
		width:188px;
		margin:0px;
	}
	.calbottom{margin-bottom:10px;}
	.caltblwkbg{}
	.calendarwd{
		background:#AABED9;/*3e781c*/
		margin:0;
	}
	.caltblwk{}
	.caltblwk td{
		color:#7092BE;/*b4d696*/
		padding:3px 0;
		font-size:11px;
		text-align:center;
	}
	.weekday{}
	.sun{}
	.sat{}
	.caltbldaybg{
		padding:5px 5px 0 6px;
		background:transparent;
	}
	.caltblday{
		width:175px;
		margin:0 auto;
	}
	.caltblday td{
		color:#66A7FF;/*3e781c*/
		width:25px;
		height:25px;
		padding:3px 0;
		font-size:11px;
		text-align:center;
	}
	.calendar{}
	.calendard{}
	.calon{background:url(http://monooki.ldblog.jp/BlogBG/calendaron.gif) no-repeat;}
	.caloff{background:url(http://monooki.ldblog.jp/BlogBG/calendar.gif) no-repeat;}

	.caltblday a:link{color:#66A7FF;text-decoration:none;}
	.caltblday a:visited{color:#66A7FF;text-decoration:none;}
	.caltblday a:active{color:#66A7FF;text-decoration:none;}
	.caltblday a:hover{color:#66A7FF;text-decoration:underline;}

/* プラグイン */
	input.sf{width:122px;margin-right:3px;}
	.moblogbody,.linkme,.skypeme{text-align:center;}
	.afbody{text-align:center;padding-bottom:10px;}
	.afbody img{margin-bottom:3px;}
	.photo{text-align:center;display:none !important;}
	.nickname{font-size:12px;font-weight:bold;margin:10px 0;}
	.message{text-align:left;font-size:12px;margin-bottom:10px;}
	.blogtimes{margin:10px auto;text-align:center;width:180px;}
	.quotetable{background:#000;width:170px;}
	.quotetable img{width:160px;}
	.quote{color:#000;font-size:12px;padding:1px;background:#fff;}

	.elsehead{
		padding:3px 0 4px;
	}
	.elsebody{text-align:center;}
	.elsebottom{
		padding:3px 0 4px;
	}
	.elsebody a:link{}
	.elsebody a:visited{}
	.elsebody a:active{}
	.elsebody a:hover{}
	
	.checkers{padding-bottom:10px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.reader{padding-bottom:20px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.powered{padding-bottom:10px;}
	.syndicate{}


div.pager {
	margin: 8px 0;
	text-align: left;
}

ul.index-navigator {
	font-size: 12px;
}

ul.index-navigator li a {
	padding: 0 7px;
}

ul.archives-pager {
list-style-type: none;
	font-size: 12px;
}

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

ul.article-pager {
	font-size: 12px;
}

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

ul.article-navigator:after
, ul.archives-navigator:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


div.pager
, div.index-navigator-outer {
	zoom:1;
}