@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
/*	background: #fefefe;*/
	}
:focus {
	outline: 0;
	}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1;
	padding-left: 15px;
        /*overflow-x: hidden;*/
/*	background: #fdfdfd;*/
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
table.layout td,
table.layout th {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
a img {
	border: 0;
	}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
	}

figure,figure a {
	line-height: 0.1em;
	}

/* ========================== */
/* Layout  */
/* ========================== */
a {
	color: #298CDA;
	}
a:link,
a:visited {
	text-decoration: none;
	}
a:hover,
a:focus {
	text-decoration: underline;
	}
body {
/*	background: url(/prx/000/http/webrocketsmagazine.com/img/top-bg.jpg);*/
/*	background: #fff;*/
	}
#top {
/*	width: 100%;	*/
	/text-align: center;
	}


#footer {
	margin: 0 auto;
/*	background: #fff;*/
	clear: both;
/*	height: 100px;*/
	}


/* ========================== */
/* Header  */
/* ========================== */
#header {
	margin: 50px auto 30px auto;
	width: 930px;
	/text-align: left;
	}
#header:after {
	display:block;
	clear:both;
	content: "";
	}
#header .notice {
	position: absolute;
	right: 20px;
	top: 0px;
	text-decoration: none;
	padding: 5px;
	background-color: #333;
	font-size: 12px;
	}
#header .notice a {
	color: white;
	}
	#header h1 {
		margin-top: 10px;
		float: left;
		}
	#header h2 {
		clear: both;
		color: #999;
		padding: 32px 0 0 3px;
		font-size: 13px;
		font-family: 'メイリオ';
		font-weight: bold;
		line-height: 1.3em;
		}
	#header h2:after {
		display: block;
		position: absolute;
		height: 40px;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		content: "";
		margin-top: -30px;
		left: 0;
		right: 0;
		}
	#header nav {
		padding: 10px 10px 0 0;
		float: right;
		text-align: right;
		}
	#header nav li,
	#header nav li a {
		display: inline-block;
		/display: inline;/zoom: 1;		/* for IE6,7 */
		}
	#header nav li a {
		padding: 10px 30px;
		text-decoration: none;
		color: #666;
		font-family: Marvel, Arial;
		font-size: 18px;
		}
/* -------------------------- */
/* Content  */
/* -------------------------- */
#content {
	clear: both;
	margin: 55px auto 0 auto;
	width: 930px;
/*	background: #fff;*/
	/text-align: left;
/*	box-shadow: 0px 0px 5px #C9C5B9;*/
	}
	#main {
		width: 530px;
		margin: 1em 0 0 0;
		float: left;
		}
	#aside {
		border-left: 1px solid #F0E4D0;
		margin: 0 0 50px 35px;
		padding-left: 40px;
		width: 300px;
		float: left;
		}
#content:after {
	display:block;
	clear:both;
	content: "";
	}
/*
#share-pane {
	background: rgba(0, 0, 0, 100);
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 8px;
	}
*/
/* -------------------------- */
/* Footer  */
/* -------------------------- */
#footer {
/*	border-top: 1px solid #888;
	background: #efefef;
	padding-top: 50px;*/
	width: 930px;
	margin: 100px 0 0 0;
	/text-align: left;
	}
#footer-inner {
	width: 930px;
	margin: auto 0 auto 0;
	}
	#footer .hot {
		width: 400px;
		}
	#footer .articles li {
		background: url(/prx/000/http/webrocketsmagazine.com/img/arrow-right.png) 0px 6px no-repeat;
		padding-left: 9px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dotted #bbb;
		}
	#footer .articles li .date {
		font-size: 13px;
		font-style: italic;
		display: inline-block;
		margin-left: 3px;
		color: #445;
		}
	#footer .articles li a {
	/*		display: block;
			padding-top: 5px;
			padding-bottom: 5px;*/
			text-decoration: none;
			font-size: 13px;
			}
/* -------------------------- */
/* Article  */
/* -------------------------- */
.article {
	}
.article p {
	font-size: 10.5pt;
	line-height: 22px;
	color: #334;
	margin-bottom: 1.5em;
	}
.article .body p a {
/*	font-weight: bold;*/
	margin-right: 2px;
	}
.article li {
	margin-bottom: 1em;
	}
.article li,
.article td,
.article th {
	font-size: 10.5pt;
	line-height: 1.4em;
	color: #445;
	}
.article .body ul {
	list-style: circle;
	margin-left: 20px;
	margin-bottom: 1em;
	}
.article .body ol {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 1em;
	}
.article em {
	font-style: italic;
	}
.article em,
.article strong,
.article a {
/*	font-family: Verdana, Arial;*/
	}
.article p em,
.article p strong {
	margin-left: 1px;
	margin-right: 1px;
	}
.article p em *,
.article p strong * {
	margin: 0 !important;
	}
.article strong,
.article b {
	font-weight: bold;
	}
.article table {
	border-collapse:collapse;
	border:0px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	}
.article table td,
.article table th {
	padding: 3px;
	border: 1px solid #ccc;
	}
.article small,
.article p.small {
	font-size: 8pt !important;
	color: #556;
	}
p.code-title {
	margin-top: 1.5em;
	background: #efefef;
	border-radius: 10px;
	font-size: 9pt;
	font-weight: bold;
	color: #556;
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 1em;
	}
p.code-title:after {
	display: block;
	content: "";
	}
.article table th {
	background: #efefef;
	font-weight: bold;
	}

#articles .article {
	margin-bottom: 6em;
	}
#articles .article:after {
	display:block;
	clear:both;
	content: "";
	}
#articles .pager .next {
	margin-top: 2em;
	display: block;
	float: right;
	width: 100%;
	border: 1px solid #efefef;
	border-top: 1px solid #fff;
	text-decoration: none;
	font-size: 23px;
	letter-spacing: -0.5mm;
	color: #445;
	padding: 15px 0px;
	text-align: center;
	background: -moz-linear-gradient(top, #fff, #f5f5f5);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	border-radius: 8px;
	box-shadow: inset 0px 0px 1px #666;
	}
#articles .pager .next:hover  {
	box-shadow: inset 0px 0px 1px #ccc;
	color: #298CDA;
	}
#articles .pager .prev {
	display: block;
	float: left;
	width: 250px;
	border: 1px solid #efefef;
	}
	.article h1,
	#articles .article h1 a:link,
	#articles .article h1 a:visited {
		clear: both;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		font-size: 23px;
		font-weight: bold;
/*		letter-spacing: -0.5mm;*/
		text-decoration: none;
		color: #334033;
		line-height: 1.3em;
		margin-bottom: 0.2em;
		}
	#articles .article h1 a:hover {
		text-decoration: underline;
		}
	#articles .excerpt p {
/*		color: #556 !important;*/
		line-height: 24px !important;
		}
	/* -- Article metadata ----------------- */
	.article .metadata {
		}
		.article .metadata li {
			line-height: 1.4em;
			margin-right: 5px;
			display: inline-block;			
			/display: inline;/zoom: 1;		/* for IE6,7 */
			}
		.article /*.metadata*/.posted {
			font-size: 13px;
			font-style: italic;
			color: #887;
			}
		.article /*.metadata*/.tags a {
			margin-left: 3px;
			font-size: 12px;
			text-decoration: none;
			display: inline-block;
			/display: inline;/zoom: 1;		/* for IE6,7 */
			}
		.article /*.metadata*/.tags a:first-of-type {
			margin-left: 0 !important;
			}
		.article .metadata .share {
			font-size: 12px;
			}
		.article .metadata .hatena {
			margin-right: 0;
			}
		.article .metadata .hatena iframe,
		.article .metadata .hatena a {
			position: relative;
			top: 5px;
			}
		.article .metadata .hatena:before {
			display: inline-block;
			/display: inline;/zoom: 1;		/* for IE6,7 */
			content: "";
			background: #ccc;
			width: 1px;
			height: 12px;
			margin-right: 8px;
			position: relative;
			top: 2px;
			}
		.article .metadata .addthis div {
			display: inline-block;
			/display: inline;/zoom: 1;		/* for IE6,7 */
			}
		.article .metadata .addthis .addthis_button {
			text-decoration: none;
			background: url(/prx/000/http/webrocketsmagazine.com/img/arrow-down.png) right no-repeat;
			padding-right: 8px;
			}
	.article section {
		clear: both;
		}
	.article section:after {
		display:block;
		clear:both;
		content: "";
		}
	.article .excerpt {
		border-top: 1px dotted #bbb;
		padding-top: 1.3em;
		margin-top: 0.8em; 
		}
/*
	.article .excerpt.layout-v1 {
		margin-top: 1em; 
		margin-bottom: 40px;
		}
	.article .excerpt.layout-v2 {
		margin-top: 1em; 
		margin-bottom: 20px;
		}*/
	.article.v1 .excerpt figure {
		float: left;
		margin: 0 1em 0.5em 0;
		border: 1px solid #ddd;
		padding: 3px;
		background: #fff;
		display: inline-block;
		/display: inline;/zoom: 1;		/* for IE6,7 */
		}
	.article.v2 .excerpt figure {
		border: 1px solid #ddd;
		padding: 3px;
		background: #fff;
		display: inline-block;
		margin: 0 0 1em -3px;
		}
	.article .excerpt p:first-of-type,
	.article .body p:first-of-type {
		padding-top: 0.4em;
		}
	.article .excerpt figure.no-border {
		border: none !important;
		padding: 0 !important;
		}
	/*#articles */.article .more {
		display: block;
		text-align: right;
		margin-top: 1em;
		}

	/* -- Article body ----------------- */
	.article .body {
		margin-top: 0.5em;
		}
		.article .body h2 {
			clear: both;
			font-size: 22px;
			margin: 2em 0 20px 0;
			font-weight: bold;
			color: #334;
			/*letter-spacing: -0.5mm;*/
			line-height: 1.25em;
			}
		.article .body h2.t2 {
			font-size: 25px;
			font-weight: normal;
			color: #434355 !important;
			margin: 3em 0 23px -4px !important;
			padding: 20px 10px 20px 32px !important;
/*			border-left: 6px solid #00ADEE;*/
			background: url(/prx/000/http/webrocketsmagazine.com/img/t2.png) no-repeat;
			}
		.article .body h2.t3 {
			clear: both;
			font-size: 22px;
			margin: 3.5em 0 20px 0;
			font-weight: bold;
			color: #4a4a50;
			/*letter-spacing: -0.5mm;*/
			font-style: italic;
			}
		.article .body h2.t4 {
			clear: both;
			font-size: 16pt;
			margin: 4.5em 0 20px 0;
			font-weight: bold;
			color: #665;
			/*letter-spacing: -0.5mm;*/
			/*font-style: italic;*/
			background: url(/prx/000/http/webrocketsmagazine.com/img/t4.png) no-repeat;
			padding-left: 50px;
			padding-top: 5px;
			}
		.article .body h2.t4:after {
			margin: 15px 0 0 -50px;
			display: block;
			content: "";
			height: 10px;
			background: #fafafa;
		background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fff));

			border-top: 1px solid #ddd;
			}
	
		
		.article .body h3 {
			clear: both;
			font-size: 20px;
			margin: 2em 0 20px 0;
			font-weight: bold;
			color: #4a4a50;
			/*letter-spacing: -0.5mm;*/
			}
		.article .body h4 {
			clear: both;
			font-size: 17px;
			margin: 2.5em 0 0.6em 0;
			font-weight: bold;
			color: #4a4a50;
			/*letter-spacing: -0.5mm;*/
			line-height: 1.3em;
			font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
			}
		.article .body h5 {
			clear: both;
			font-size: 15px;
			margin: 1.3em 0 0.1em 0;
			font-weight: bold;
			color: #334;
			letter-spacing: 0mm;
			line-height: 1.3em;
			font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
			}
		.article .body figure {
			margin-top: 0.5em;
			border: 1px solid #ddd;
			padding: 3px;
			background: #f3f3f3;
			display: inline-block;
			/display: inline;/zoom: 1;		/* for IE6,7 */
		/*	box-shadow: 
				0px 0px 8px #F0E4D0;*/
			}
		.article .body figure + figure{
			margin-top: 1em;
			}
		.article .body figure.no-border {
			padding: 0;
			border: none;
			}
		.article .body figure + p {
			margin-top: 1.5em;
			}
		.article .body figure + p.small {
			margin-top: 0.3em !important;
			}
		/* Inside-article ad */
		.article .body .ad {
			clear: both;
			margin: 3em 0 3em 0;
			text-align: center;
			width: 500px;
			}

	/** Bookmark ------------- */
	.article section.share {
		margin-top: 3em;
		margin-left: 2em;
		}
	.article section.share p {
		margin-bottom: 0.7em;
		}
	.article section.share li {
		vertical-align: top;
		display: inline-block;
		/display: inline;/zoom: 1;		/* for IE6,7 */
		margin-right: 6px;
		}
	.article section.share li * {
		display: inline-block;		
		/display: inline;/zoom: 1;		/* for IE6,7 */
		}

	/** 関連する記事 ------------ */
	.article section.related {
		border-top: 1px solid #efefef;
		padding-top: 1.5em;
		margin-top: 1.5em;
/*		margin-left: 0.5em;*/
		}
	.article section.related h3 {
		clear: both;
		font-size: 15px;
		margin: 0 0 1em 0 !important;
		font-weight: bold;
		color: #334;
/*		letter-spacing: -0.5mm;*/
		}
	.article section.related li {
		clear: both;
		margin-bottom: 5px;
		}
	.article /*section*/.related li:after {
		display:block;
		clear:both;
		content: "";
		}
	.article /*section*/.related li figure{
		display: inline-block;
		border: 1px solid #efefef;
		padding: 2px;
		background: #fff;
		float: left;
		margin-right: 10px;
		}

	.article /*section*/.related li figure.no-border {
		border: none !important;
		}

	/*.article */section.related li h4 {
/*		font-weight: bold;*/
/*		letter-spacing: -0.5mm;*/
/*		color: #778;*/
/*		text-decoration: none;*/
/*		line-height: 1.3em;*/
		margin: 0em 0 0 0;
		padding-top: 0.5em;
		}
	/*.article */section.related li h4 a {
		font-size: 13px;
		/*letter-spacing: -0.5mm;*/
		text-decoration: none;
		font-weight: bold;
		line-height: 1em;
		/*color: #334;*/
/*font-family: 'Arial','メイリオ';*/
		}
	/*.article */section.related li h4 a:hover {
		text-decoration: underline;
		}
	/*.article */section.related li .date {
		color: #667;
		font-style: italic;
		font-size: 12px;
		}
	/** AD ------------ */
	.article section.ad {
		margin: 1em 0 0 0;
		padding: 1em;
		border-radius: 4px;
		border: 1px dotted #ddd;
		}
	.article section.ad figure {
		float: left;
		margin-right: 0.8em;
		padding: 4px;
		background: #efefef;
		}
	.article section.ad .item p {
		font-size: 9pt;
		}
	.article section.ad .item a {
		margin-top: 1em;
		}
	
	/** Facebook ---------------- */
	.article .facebook {
		margin-top: 2em;
		}
	.article .facebook {
		padding: 10px;
		background: #94D6EE;
		border-radius: 4px;
		}
	.article .facebook h2 a {
		margin: 4px 0 0.2em 4px;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: -0.5mm;
		width: 500px;
		height: 25px;
		background: url(/prx/000/http/webrocketsmagazine.com/img/facebook.png) right no-repeat;
		display: block;
		color: #fff;
		}
	.article .facebook h2 span {
		font-family: 'メイリオ';
		margin: 0 2px 0 2px;
		}
	.article .facebook iframe {
		display: block;
		}
	.article .author {
		margin-top: 2em;
		background: #f3f3f8;
		border: 1px solid #ddd;
		padding: 8px;
		}
		.article .author figcaption {
			font-weight: normal;
			font-size: 13px;
			text-align: center;
			}
		.article .author figcaption a {
			color: #334;
			line-height: 1em;
			}
		.article .author figure {
			border: 1px solid #ccc;
			padding: 2px;
			background: #fff;
			float: left;
			margin-right: 12px;
			}
		.article .author p {
		line-height: 1.5em !important;
			margin: 0.5em 0 0 0 !important;
			font-size: 13px !important;
			color: #445;
			width: 500px;
			}

		.article h4 {
			margin-top: 0.3em;
			margin-bottom: 0.3em;
			font-size: 14px;
			font-weight: bold;
			}

	/** コメント ---------------- */
	.article .comment {
		margin-top: 3em;
		width: 99%;
		}
	.article .comment h2 {
		margin-bottom: 0.4em;
		font-size: 25px;
		font-weight: bold;
		color: #334;
		letter-spacing: -0.5mm;
		}
	/*.article .comment*/#disqus_thread {
		margin-top: -34px;
		}
	.article .dsq-request-user-stats {
		display: none;
		}
	.article .dsq-request-user-name small {
		display: none;
		}
	.article .dsq-messages {
		display: none;
		}
	.article .powered-by {
		text-align: right;
		}
	.article .powered-by a {
		text-decoration: none;
		font-size: 13px;
		color: #445;
		font-style: italic;
		}
	.article .dsq-button:hover {
/*
		background: #007EAD;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#00678E));
		background: -moz-linear-gradient(top, #0095CC, #00678E);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
		}
	.article .dsq-button {

		}

.dsq-h3-reactions {
	margin-top: 2em;
	margin-bottom: 0.4em;
	font-size: 25px !important;
	font-weight: bold;
	color: #334;
	letter-spacing: -0.5mm;
	background : none !important;
	}

/*
.article .dsq-button {
  background-color: #52a8e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
  background-image: -webkit-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -moz-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -ms-linear-gradient(top, #52a8e8, #377ad0);
  background-image: -o-linear-gradient(top, #52a8e8, #377ad0);
  background-image: linear-gradient(top, #52a8e8, #377ad0);
  border-top: 1px solid #4081af;
  border-right: 1px solid #2e69a3;
  border-bottom: 1px solid #20559a;
  border-left: 1px solid #2e69a3;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -ms-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  -o-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
  color: #fff;
  font: normal 11px "lucida grande", sans-serif;
  line-height: 1;
  padding: 3px 5px;
  text-align: center;
  text-shadow: 0 -1px 1px #3275bc;
  width: 112px;
  -webkit-background-clip: padding-box; 
}
.article .dsq-button:hover {
    background-color: #3e9ee5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5 0%), to(#206bcb 100%));
    background-image: -webkit-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -ms-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: -o-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    background-image: linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
    border-top: 1px solid #2a73a6;
    border-right: 1px solid #165899;
    border-bottom: 1px solid #07428f;
    border-left: 1px solid #165899;
    -webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
    -moz-box-shadow: inset 0 1px 0 0 #62b1e9;
    -ms-box-shadow: inset 0 1px 0 0 #62b1e9;
    -o-box-shadow: inset 0 1px 0 0 #62b1e9;
    box-shadow: inset 0 1px 0 0 #62b1e9;
    cursor: pointer;
    text-shadow: 0 -1px 1px #1d62ab;
    -webkit-background-clip: padding-box; }
  button.download-itunes:active {
    background: #3282d3;
    border: 1px solid #154c8c;
    border-bottom: 1px solid #0e408e;
    -webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    -moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    -ms-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    -o-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 white;
    text-shadow: 0 -1px 1px #2361a4;
    -webkit-background-clip: padding-box; 
}
*/




/*	.dsq-item-trackback {
		display: none !important;
		}*/
h1.tags {
	color: #fff;
/*	border: 1px solid #ccc;*/
	border-radius: 30px;
	background: #333;
	line-height: 1.5em;
	padding: 0 9px;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 10px;
	}
h1.tags span {
	margin-right: 5px;
	}
/* -------------------------- */
/* Aside  */
/* -------------------------- */
#aside {
	}
#aside section:first-of-type {
	margin-top: 0.5em;
	}
	#aside section {
		clear: both;
		margin-bottom: 2.5em;
		}
	#aside .ad-list .wide {
/*		text-align: center;*/
		}
	#aside .ad-list li {
		margin-top: 8px;
		}
	#aside .ad-list .right,
	#aside .ad-list .left {
		display: inline-block;
		/display: inline;/zoom: 1;		/* for IE6,7 */
		}
	#aside .ad-list .left {
		margin-right: 8px;
		}
	#aside h3 {
		font-family: 'メイリオ';
		color: #334033;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: -0.5mm;
		}
	#aside .tag h3 span,
	#aside .amazon h3 span,
	#aside .hot h3 span,
	#aside .popular h3 span,
	#aside .smartphone h3 span,
	#aside .subscribe h3 span {
		display: block;
		font-size: 12px;
		font-family: 'ＭＳ Ｐ明朝';
		font-weight: normal;
		color: #556 !important;
		margin-top: 0.2em;
		margin-bottom: 1em;
		}
	#aside .smartphone:after {
		display:block;
		clear:both;
		content: "";
		}
	#aside .smartphone figure {
		float: left;
		}
	#aside .subscribe ul {
		margin-top: 0.8em;
		}
	#aside .subscribe ul li {
		display: inline-block;
		}
	#aside .smartphone p,
	#aside .subscribe p {
		font-size: 13px;
		padding-top: 5px;
		color: #334;
		line-height: 1.4em;
		}
	#aside .smartphone p a {
		display: inline-block;
		margin: 0.7em 0 0 1em;
		color: #667;
		}

	#aside .articles li {
		background: url(/prx/000/http/webrocketsmagazine.com/img/arrow-right.png) 0px 6px no-repeat;
		padding-left: 9px;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dotted #bbb;
		}
	#aside .articles li .date {
		font-size: 13px;
		font-style: italic;
		display: inline-block;
		margin-left: 3px;
		color: #445;
		}
	#aside .articles li:last-of-type {
		border-bottom: none;
		}
	#aside .articles li a {
/*		display: block;
		padding-top: 5px;
		padding-bottom: 5px;*/
		text-decoration: none;
		font-size: 13px;
		}
/*
	#aside .articles li a:hover h4 {
		text-decoration: underline;
		}
	#aside .articles li a:after {
		display:block;
		clear:both;
		content: "";
		}
	#aside .articles li figure{
		float: left;
		border: 1px solid #efefef;
		padding: 2px;
		margin-right: 8px;
		background: #fff;
		}
	#aside .articles li h4 {
		font-weight: bold;
		font-size: 13px;
		letter-spacing: -0.5mm;
		color: #778;
		text-decoration: none;
		line-height: 1.3em;
		margin-top: 0.2em;
		}*/

	#aside .tags li {
		display: inline-block;
		margin-right: 3px;
		margin-bottom: 0.5em;
		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#efefef', EndColorStr='#cccccc');
		background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc));
		background-image: -moz-linear-gradient(top, #efefef, #ccc);
		background-image: linear-gradient(top, #efefef, #ccc);
		padding: 1px;
		border-radius: 30px;
		/display: inline;/zoom: 1;		/* for IE6,7 */
		}
	#aside .tags li a {
		display: inline-block;
		padding: 3px 5px;
		border-radius: 30px;
		background: #fff;
		font-size: 13px;
		}
	#aside .amazon h4 {
		font-size: 14px;
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		}
	#aside .amazon figure {
		float: left;
		margin-right: 10px;
		border: 1px solid #efefef;
		padding: 1px;
		}
	#aside .amazon p {
		color: #556;
		font-size: 9pt;
		margin-top: 1em;
		line-height: 1.4em;
		}
	#aside .amazon p img {
		margin-top: 1em;
		}
button.wp-style {
	-webkit-box-align: center;
	text-align: center;
	font-family: sans-serif;
	font-size: 13px!important;
	text-decoration: none;
	line-height: 13px;
	padding: 4px 15px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	background-color: white;
	border-color: #BBB;
	color: #464646;
	background: #F2F2F2 url(/prx/000/http/webrocketsmagazine.com/img/white-grad.png) repeat-x scroll left top;
	text-shadow: rgba(255, 255, 255, 1) 0 1px 0;
	}
button.wp-style:hover {
	color: black;
	border-color: #666;
	}
button.wp-style:active {
	background:#eee url(/prx/000/http/webrocketsmagazine.com/img/white-grad-active.png) repeat-x scroll left top;
}


.button {
	cursor: pointer;
	display: inline-block;
	text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 20px;
	background: -moz-linear-gradient(
		top,
		#c2e085 0%,
		#99cc33);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c2e085),
		to(#99cc33));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #7ba429;
	-moz-box-shadow:
		1px 1px 3px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		1px 1px 3px rgba(000,000,000,0.7),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.5),
		0px 1px 0px rgba(255,255,255,0.5);
}

.button {
	cursor: pointer;
	display: inline-block;
	font-family: 'メイリオ', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	padding: 6px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #659635;
	background: #99ca28;
	text-shadow: -1px -1px 2px #457615;
	color: #ffffff;
	background: -moz-linear-gradient(top, #CFE782 0%,#9BCB2A 2%,#5DA331 97%,#659635 100%);
	background: -webkit-linear-gradient(top, #CFE782 0%,#9BCB2A 2%,#5DA331 97%,#659635 100%);
	}

.button:hover {  
	background: -moz-linear-gradient(top, #D9E7AB 0%,#9BCB2A 2%,#A2CB43 97%,#6D9646 100%);
	background: -webkit-linear-gradient(top, #D9E7AB 0%,#9BCB2A 2%,#A2CB43 97%,#6D9646 100%);
	border-color:#49671d;  
}


.button:visited,
.button:link,
.button:active,
.button:focus {
	text-decoration: none !important;
	}
.button:active {
	position: relative;
	top: 1px;
	}

/* -------------------------- */
/* Code  */
/* -------------------------- */

pre.code {
	margin-top: 1.5em;
	width: 500px;
	word-wrap: break-word;
	font-size: 13px;
	line-height: 1.2em !important;
	padding: 10px !important;
	border: 1px solid #eeeeff;
	border-radius: 3px;
	}
pre.code * {
/*	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;*/
	font-family: 'ＭＳ ゴシック';
	}
pre.code + p {
	margin-top: 1.5em;
	}
p.code-title + .syntaxhighlighter  {
	margin-top: 0.3em !important;
	}

.sticky {
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
/*	display: block;*/
	padding: 8px;
	margin: 0;
/*	border: 2px solid red;*/
	color: #fff;
	background: rgba(0, 173, 238, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 3px;
	margin-left: 10px;
	box-shadow: 1px 1px 1px #ccc;
	font-size: 12px;
	max-width: 200px;
	font-weight: bold;
	cursor: pointer;
	}
.sticky span {
	color: #fff !important;
	text-decoration: none !important;
	font-style: normal !important;
	}
.sticky:hover {
	background: rgba(0, 173, 238, 1);
	}
.sticky:hover:before {
	opacity: 1;
	}
.sticky:after {

	}

.sticky:before {
	opacity: 0.8;
	content: "";
	display: inline-block;
	position: absolute;
	left: -10px;
	background: url(/prx/000/http/webrocketsmagazine.com/img/sticky.png) no-repeat;
	width: 10px;
	height: 14px;
	}

.syntaxhighlighter  {
	margin-top: 1.5em !important
	}