@charset "UTF-8";


/**********************************
/           CSS Menu
**********************************
	1.Global
	2.Common
	3.Article
	4.side
	5.Other
*********************************/


/**********************************
***          Global             ***
**********************************/
*{
	word-break:break-all;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

body {
	margin: 0;
	padding: 0 0 30px;
	background:#278fff url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/1/3/135a402b.png) 0 0 repeat-x;
	text-align: center;
	color: #000;
}
a {
	color:#2766ff;
}
a:hover {
	text-decoration:none;
	color:#2700ff;
}
a:visited {
	color:#2700ff;
}
h1
,h2
,h3{
	margin:0;
	padding:0;
}

blockquote ,
pre{
	width:518px;
	border:1px solid #a6c57f;
	padding:15px;
	margin:10px auto;
	text-align:left;
	color:#333;
}

table#header{
	font-size: 12px;
	color: #cffdcc;
}
table#header a{
	color: #cffdcc;
}

#container{
	width:1024px;
	margin:0 auto;
	text-align:center;
	background:#f2f8ff;
}

#banner{
	height:90px;
	border:solid #fff;
	border-width:6px;
	background:#f2f8ff;
	text-align:left;
	margin:0 auto;
	margin-top:5px;
	clear:both;
}
#banner a{
	color:#fff;
	width:278px;
	height:90px;
	text-decoration:none;
	display:inline-block;
}
#banner a:hover{
	text-decoration:underline;
}
#banner h1.blogtitle{
	float:left;
	background:#170095;
	width:278px;
	height:90px;
	line-height:90px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	border-right:6px solid #fff;
	display:inline-block;
}
#banner div.description{
	width:290px;
	line-height:135%;
	font-size:12px;
	color:#000;
}
#blogcontainer{
	background:#f2f8ff;
	border:solid #fff;
	border-width:0 6px 0;
	padding:0px;
	margin:0 auto;
	height:1%;
}
#content{
	float:left;
	background:#f2f8ff;
	border-left:1px solid #170095;
	border-right:1px solid #170095;
	border-bottom:6px solid #170095;
	width:827px;
	text-align:left;
	overflow: hidden;
}
#contentin{}
#sidecolumn{
	float:right;
	width:180px;
	overflow: hidden;
	background:#f2f8ff;
}
#sidecolumntop{}
#sidecolumnbody{
	border-left:1px solid #170095;
	border-right:1px solid #170095;
	border-bottom:6px solid #170095;
	padding-bottom: 15px;
}
#sidecolumnbottom{}

#categorytitlebody{}
#categorytitle{
	border-top:6px solid #170095;
	padding:10px 0;
	text-align:center;
	color:#170095;
	font-size:16px;
	font-weight:bold;
}
#footer{
	color:#170095;
	background:#f2f8ff;
	border:solid #fff;
	border-width:6px;
	height:46px;
	line-height:46px;
	text-align:center;
	vertical-align:middle;
}
#footer a{
	color:#170095;
}
#outfooter{}

/**********************************
***          Common             ***
**********************************/
.titleparts {
	float:left;
	width:222px; 
	background-color:#170095;
	padding-top:8px;
	padding-left:15px;
	height:57px; 
}

.titleparts img {
	float:left;
	margin-left:2px;
}

.commentparts {
	float:left;
	text-align:right;
}

.commentparts a {
	background:url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/3/5/355611a6.gif) no-repeat;
	width:60px; 
	height:48px; 
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	padding-top:6px;
	padding-right:50px;
	color:#fff;
	text-decoration:none;
}

.commentparts a:link
,.commentparts a:visited
{
	color:#fff;
	text-decoration:none;
}

.commentparts a:hover
{
	background:url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/1/9/19a65952.gif) no-repeat;
	color:#170095;
	text-decoration:none;
}

.datetop{}
.fullbody{}
.datebody{}
h3.date{
	width:100%; 
	display:inline-block;
	padding-top:7px;
	padding-left:15px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
}
.blogbodytop{}
.blogbody{
	margin:5px 0 30px;
}
.datebody {
	float:left;
	width:590px; 
	height:65px; 
	background-color:#170095;
}
.titlebody{
}
h2.title{
	width:575px; 
	display:inline-block;
	/*line-height:137%;*/
	padding-bottom:5px;
	padding-left:15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
h2.title a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
h2.title a:link
,h2.title a:hover
,h2.title a:visited
{
	color:#fff;
	text-decoration:none;
}
.main
,.mainmore{
	margin:0 15px;
	padding: 60px 0;
	line-height:147%;
	font-size:16px;
	font-weight:bold;
}
.mainmore{
	border-top:1px dashed #170095;
}
.pict{
	margin:0 5px 5px 0;
}

/* related articles */
div.related-articles{
	margin: 25px 10px 0;
}
div.related-articles h3{
	margin: 0 0 10px;
	padding: 0;
	color: #170095;
	font-size: 14px;
}
div.related-articles ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}
div.related-articles ul li{
	background: url(http://parts.blog.livedoor.jp/img/cmn/dot.gif) no-repeat 0 50%;
	padding: 0 0 5px 9px;
	margin-left: 5px;
	font-size: 12px;
}

.portal-links{
	border-bottom:1px dashed #170095;
	text-align:right;
	margin: 0 5px 12px;
	padding-bottom: 10px;
	font-size:12px;
	color:#83bc2f;
}
.portal-links a{
	color:#2766ff;
}
.portal-links a:hover{
	color:#2700ff;
}
.portal-links a:visited{
	color:#2700ff;
}

.posted{
	font-size:12px;
	text-align:right;
	margin:5px;
	color:#83bc2f;
}
.posted a.url{
	color: #000 !important;
	text-decoration: none;
}
.posted a.url img{
	vertical-align: middle;
	margin-right: 3px;
}
.clipbutton{
	border:none;
}
.blogbodybottom{}
.dateend{}

.nextpage{
	text-align:right;
	margin:5px;
	font-size:12px;
}

div.continuesframe {
	width:760px;
	margin:auto;
	background-color:#170095;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 4px;
}

a.continues
,a.newsing
{
	width:750px;
	height:40px;
	line-height:40px;
	text-align:center;
	vertical-align:middle;
	font-size:16pt;
	font-weight:bold;
	color:#fff;
	background-color:#170095;
	border:#fff 4px solid;
	margin-bottom: 4px;
	display:inline-block;
}
a.continues:link
,a.continues:visited
,a.newsing:link
,a.newsing:visited
{
	color:#fff;
}
a.continues:hover
,a.newsing:hover
{
	color:#170095;
	background-color:#d1c9ff;
}


.posted a
,.menu a
,.nextpage
,.commentttl a
,.trackbackttl a{
	color:#2766ff;
}

.posted a:hover
,.menu a:hover
,nextpage a:hover
,.commentttl a:hover
,.trackbackttl a:hover{
	color:#2700ff;
}
.posted a:visited
,.menu a:visited
,nextpage a:visited
,.commentttl a:visited
,.trackbackttl a:visited{
	color:#2700ff;
}

/**********************************
***          Article            ***
**********************************/
.menu{
	margin:0;
	padding:7px 5px;
	border-top:6px solid #170095;
	text-align:center;
	font-size:12px;
}

#articletop{}
#articlebody{}

.comblogbodybottom{}
.subspace{
	width:500px;
	margin:5px auto 5px;
}

/*//   Trackback & Comment   //*/
.trackbackurltop{}
.trackbackurlbody{
	margin:0 auto 20px;
	padding:10px 10px 20px;
}
h3.trackbackurlttl
,h3.commenthead
,h3.trackbackhead
,h3.takecommenthead{
	font-size:14px;
	color:#170095;
}
.trackbackurl{
	margin:15px 0 0;
	text-align:left;
	font-size:12px;
}
.trackbackurl table{
	width:480px;
	margin:0 auto;
}
.trackbackurl table td{
	text-align:right;
}
.trackbackurl table td input.trackbackbox{
	width:400px;
}
.trackbackurlbottom{}

#commenttop
,#trackbacktop{}
#comment
,#trackback{
	margin:0 auto 20px;
	padding:10px;
}
#commentbody
,#trackbackbody{
	font-size:14px;
	margin:15px 10px 0;
}
.commentttl
,.trackbackttl{
}
.commenttext
,.trackbacktext{
	margin:5px auto 10px;
	padding-left:15px;
	line-height:16px;
}
#commentbottom
,#trackbackbottom{}

/*//   Commnet Form   //*/
#formbodytop{}
#takecomment{
	margin:0 auto;
	padding:10px;
}
#takecommentbody{}
.loginon,.loginoff{
	margin:5px 10px;
	font-size:14px;
}
.loginon a
,.loginoff a{}
.loginon a:hover
,.loginoff a:hover{}

#error{
	border:2px solid #f00;
	margin:10px 30px;
	padding:10px 15px;
	line-height:125%;
	font-size:12px;
	font-weight:bold;
	color:#f00;
}
#error span{
	font-weight:normal;
}

#formbody{
	margin:0px;
	padding:0 0 20px;
	font-size:12px;
	text-align:left;
}
#formbody table.form{
	width:370px;
	text-align:left;
	margin:0;
	font-size:12px;
}
#formbody table.form th{
	font-weight:normal;
	padding:2px 10px 2px;
	text-align:right;
	white-space:nowrap;
}
#formbody table.form td{
	padding:2px;
	text-align: left;
	vertical-align:middle;
}
#formbody table.form td span{
	margin-right:10px;
}
input#author{
	width:65%;
}
input#email{
	width:65%;
}
input#url{
	width:75%;
}
input#bake{}
textarea#text{
	width:90%;
	height:200px;
}
input.button{
	margin-top:10px;
	width:80px;
}
#formbodybottom{}
#articlebottom{}
#blogcommentbottom{}
#contentcommentbottom{}

/**********************************
***          Side               ***
**********************************/
/*//   CmnSide   //*/
div.sidetitlebody{}
div.sidetitlebody div.sidetitle{
	color:#170095;
	border-top:6px solid #170095;
	padding:7px 5px 0;
	line-height:100%;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
div.sidetitlebody div.sidetitle a{
	color:#170095;
}
div.sidetop{
	text-align:center;
}
div.side{
	margin-bottom:25px;
	padding:10px 0 0;
	line-height:135%;
	text-align:left;
	font-size:12px;
}
div.side h3{
	margin:5px;
	text-align:center;
	font-size:110%;
	line-height:110%;
	height:110%;
}
div.side a:visited{
	color:#170095;
}
div.sidebody{
	background:url(http://parts.blog.livedoor.jp/img/usr/kabutomushi/icon_dot.gif) no-repeat 0 8px;
	line-height:18px;
	padding-left:8px;
	margin:0 7px 5px 10px;
	text-align:left;
}
div.sidebottom{}


/*//   Calendar   //*/
div.calendarheadbody{}
div.calendarheadbody div.calendarhead{
	border-top:6px solid #170095;
	padding:10px 0 0;
	line-height:100%;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
div.calendarheadbody div.calendarhead a{
	color:#333;
	text-decoration:none;
}
div.caltop{}
div.calbody{
	padding:10px 0;
	text-align:center;
}
div.calbody table.caltbl{
	width:175px;
	margin:0 auto;
}
div.calbody table.calendartable{}
	td.caltblwkbg{}
	td.calendarwd{}

	td table.caltblwk{}
	td table.caltblwk td{
		width:25px;
		padding:3px 0;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}
	td table.caltblwk td.weekday{
		color:#333;
	}
	td table.caltblwk td.sat{
		color:#3397cb;
	}
	td table.caltblwk td.sun{
		color:#fe0000;
	}
	td table.caltblwk td span.calendarweek{}
	td.caltbldaybg{}
	td table.caltblday{
		margin:0 auto 15px;
	}
	td table.caltblday tr.even{}
	td table.caltblday tr.odd{}
	td table.caltblday td{
		width:25px;
		height:18px;
		padding:3px 0;
		text-align:center;
		font-size:12px;
	}
	td table.caltblday td.caloff {}
	td table.caltblday td.calendard {}
	td table.caltblday td.calon {}
	td table.caltblday td.calendardbg {}

	td table.caltblday td span.calendar{
		color:#333;
	}
	span.calendar a{
		color:2766ff;
	}
	span.calendar a:visited {
		color:170095;
	}
div.calbottom{}


/**********************************
***          Other              ***
**********************************/
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;
}
.nickname{
	font-size:12px;
	font-weight:bold;
	margin:10px 0;
}
.message{
	text-align:left;
	font-size:12px;
	margin-bottom:10px;
	line-height:125%;
}
.blogtimes{
	margin:10px auto;
	text-align:center;
	width:180px;
}
.newslist{
	padding-right:5px;
}

/* Side Banners */
.elsehead{}
.elsebody{
	text-align:center;
}
.elsebottom{}


/*//   Ad   //*/
#ad{
	margin:25px 0 0;
	text-align:center;
}
#ad iframe{
	width:420px;
	margin:0 auto;
}
body.ad{
	background:transparent;
}
a.adtitle{
	color:#0000fe;
	font-weight:bold;
	text-decoration:underline;
}
a.addescription{
	color:#000;
	text-decoration:none;
}
a.adurl{
	color:#008000;
	text-decoration:none;
}
a.adld{
	color:#999;
}



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{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* オリジナル */

div.freelink {
	height:30px;
	border-top:solid #170095 6px;
}

ul.RankerLink {
	height:26px;
	text-align:center;
	margin:0px;
	padding-top:4px;

}
ul.RankerLink li {
	display:inline-block; 
	padding-right:1em;
}

ul.RankerLink li h3 {
	font-size:90%;
}

div.freearea {
	background:#f2f8ff;
	border-top:solid #170095 6px;
	border-bottom:solid #170095 1px;
	padding:0px;
	margin:0 auto;
}
div.freearea h3 {
	border-bottom:solid #170095 1px;
	padding:0px;
	margin:0 auto;
	color:#170095;
	text-align:center;
}

div.adarea {
	float:left;
	width:728px;
}

span.datespan {
	margin-right: 3px;
	margin-right: 0.25em;
}

a.hatena-bookmark-button {
	float:left;
	display: block;
	width: 50px; 
	height: 50px;
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/2/6/2677efbb.gif);
}

a.hatena-bookmark-button:hover {
	background-image: url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/4/6/46c5a8d3.gif);
}

a.tweet-button {
	float:left;
	display: block;
	width: 50px; 
	height: 50px;
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/9/7/979fbb68.gif);
}

a.tweet-button:hover {
	background-image: url(http://livedoor.blogimg.jp/kuromacyo-test/imgs/f/e/fe10772a.gif);
}

dl.thread dl.thread {
	border: 2px solid #d1c9ff;
	background-color: #e5e0ff;
	padding: 5px;
}

.blue { position:relative; margin-top:0; width:252px; height:163px;float:left;}
.b0 { position:absolute; top:0; left:0; z-index:0; }
.b1 { position:absolute; top:12px; left:14px; z-index:1; border:#ffffff solid 1px; }
.b2 { position:absolute; top:116px; left:15px; z-index:6;}
.b3 { position:absolute; top:133px; left:21px; z-index:7;color:#ffffff;font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;font-weight:bold;}
.b4 { position:absolute; top:116px; left:15px; z-index:4;}
.b5 { position:absolute; top:118px; left:60px; z-index:5; width:170px;color:#ffffff;font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.b5 a:link { color: #000000; text-decoration: none; }
.b5 a:visited { color: #000000; text-decoration: none; }
.b5 a:active { color: #000000; text-decoration: none; }
.b1 img { border:none;}

#rt_rank {
	margin:0px auto;
}
 div.popularArticlesWithImage.A li div.image.noimage {
   background-image: url("http://kuromacyo.livedoor.biz/rt_rank.png");
   /* ↑アップロードした画像のURLに差し替えて下さい */
   height: 132px;
   width: 242px;
 }
div.popularArticlesWithImage.A {
   margin:0px;

}


/*トップへ戻る*/
.to-pagetop {
	bottom: 5px;
	position: fixed;
	right: 5px;
	z-index: 2;
}