@charset "UTF-8";

/* //////////////////////////////////////////////////
[font-face] 
////////////////////////////////////////////////// */
@font-face {
	font-family: 'TechMono';
	src: url('/fonts/bebas___-webfont.eot');
	src: local('☺'), url('/fonts/BEBAS___.ttf') format('truetype'), url('/fonts/bebas___-webfont.ttf') format('truetype'), url('/fonts/bebas___-webfont.woff') format('woff'), url('/fonts/bebas___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* //////////////////////////////////////////////////
[Base] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Zeroing out the margins and paddings
-------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

em{
	font-weight: bold;
	font-style: italic;
}

/* //////////////////////////////////////////////////
[background] 
////////////////////////////////////////////////// */

html{
	min-height: 100%;
	overflow: auto;
	position:relative;
	z-index: 1;
	background: #000;
}

body{
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: relative;
	z-index: 1;
}

body > #wrapper{
	height: auto;
	overflow: auto;
	position: fixed;
	z-index: 1;
	width: 100%;
	height:100%;
	min-height:100%;
}

canvas{
	z-index: 1;
	position: fixed;
}

body{
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: relative;
	z-index: 1;
	font-size: 13px;
	color: #000;
	font-family: "Meiryo","メイリオ",Verdana,Helvetica,sans-serif;
	line-height: 1.7;
}

body.osMac {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}


/* //////////////////////////////////////////////////
[layout] 
////////////////////////////////////////////////// */

#container{
	min-width: 600px;
	margin: 0 150px;
	position: relative;
	z-index: 5;
	padding-top: 1em;
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#container:not(\*|*) { width: 850px; }

#container2{
	min-width: 600px;
	margin: 0 150px;
	position: relative;
	z-index: 2;
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#container2:not(\*|*) { width: 850px; }

#container3{
	position: relative;
	z-index: 3;
	margin-bottom: 1em;
}

/* //////////////////////////////////////////////////
[header] 
////////////////////////////////////////////////// */
#headerGlobal{
	margin-bottom: 1em;
	line-height: 1.5;
	position: relative;
}

#headerGlobal, x:-moz-broken{
	min-width: 845px;
}

#headerGlobal:hover{
}

#siteName a{
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	font-family: TechMono, optima;
	vertical-align: bottom;
	font-weight: normal;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

#siteName a img{
	position: relative;
	vertical-align: bottom;
	top: -2px;
}

#siteName a span{
	padding-left: 3px;
}

#siteName a iframe{
	background: transparent;
}

#siteName a:hover{
	background: rgba(0,0,0,0.2);
}

#navGlobal{
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
	z-index: 100;
}

#navGlobal p,
#navGlobal form	,
#navGlobal ul,
#navGlobal ul li{
	display: inline-block;
	vertical-align: middle;
}

#navBlogTags,
#navGlobal > ul > li{
	margin-right: 1em;
	background: rgba(0,0,0,0.4);
	color: #fff;
	padding: 0.21em 0em 0.21em 0.7em;
	font-size: 11px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	cursor: pointer;
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
	position: relative;
}

#navBlogTags{
	padding: 0.22em 0.8em;
}

#navBlogTags:hover{
	background: rgba(0,0,0,0.8);
}

#navGlobal > ul > li:after{
	content: "▼";
	padding: 0.4em 0.5em;
	margin-left: 0.3em;
	color: rgba(255,255,255,0.4);
	font-size: 6px;
	text-shadow: none;
}

#navGlobal > ul > li:hover:after {
	color: #fff;
}

#navGlobal > ul > li .panel{
	position: absolute;
	z-index: 100;
	top: 2em;
	right: 0;
	background: url(/img2/bg_dot_01.png) rgba(0,0,0,0.95);
	width: 35em;
	text-align: left;
	padding: 2em;
	display: none;
	text-shadow: none;
	font-size: 12px;
	cursor: auto;
}

#navGlobal > ul > li .panel .allEntries{
	text-align: center;
	display: block;
	text-decoration: none;
}

#navGlobal > ul > li .panel .allEntries a{
	color: #000;
	text-decoration: none;
	display: block;
	background: #fff;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}

#navGlobal > ul > li .panel .allEntries a:hover{
	background: rgba(255,255,255,0.7);
}

#navGlobal > ul > li .panel .listEntry{
	color: #fff;
	display: block;
}

#navGlobal > ul > li .panel .listEntry li{
	margin-bottom: .5em;
	color: #fff;
	display: block;
}

#navGlobal > ul > li .panel .listEntry li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0.2em 0;
}

#navGlobal > ul > li .panel .listEntry li a:hover{
	background: rgba(0,0,0,1);
}

#navGlobal .searchInput{
	width: 10em;
	opacity: 0.5;
	padding: 2px;
	font-family: "Meiryo","メイリオ",Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid rgba(0,0,0,0.3) !important;
}

body.osMac #navGlobal .searchInput {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ",Verdana,Arial,Helvetica,sans-serif;
}

#navGlobal .searchInput:focus,
#navGlobal .searchInput:hover{
	opacity: 1;
}

#navGlobal .searchInput:focus{
	-moz-box-shadow: 0 0 5px #fff !important;
	border: 1px solid rgba(0,0,0,0.3) !important;
}

#navGlobal p.keyboard{
	position: absolute;
	top: 0;
	right: -55px;
	line-height: 1;
}

#navGlobal p.keyboard img{
	line-height: 1;
}

#autopagerize_icon{
	opacity: 0.5;
}

/* //////////////////////////////////////////////////
[nav entries] 
////////////////////////////////////////////////// */
#navTags{
	display: none;
	width: 100%;
	z-index: 3;
	color: #fff;
	background: url(/img2/bg_dot_01.png) rgba(0,0,0,0.7);
	margin-bottom: 1px;
}

#navTagsInner{
	margin: 0 30px;
}

#navTagsInner2{
	width: 100%;
	min-width: 600px;
	padding: 25px 0 0;
}

#navTagsInner2{
	padding-bottom: 25px;
}

#navTags .title{
	display: inline-block;
	font-size: 17px;
	border-left: 3px solid #fff;
	line-height: 1;
	padding-left: 7px;
	margin: 0 0.5em 0.75em 0;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
}

body.osMac #navTags .title{
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}

#navTags .searchTag{
	width: 10em;
	margin-left: 0.5em;
	font-family: "Meiryo","メイリオ",Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid rgba(0,0,0,0.3) !important;
	position: relative;
	top: -3px;
}

body.osMac #navTags .searchTag{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ",Verdana,Arial,Helvetica,sans-serif;
}

/* //////////////////////////////////////////////////
[footer] 
////////////////////////////////////////////////// */
#globalFooter{
	margin-top: 2em;
	position: relative;
	z-index: 2;
	color: #fff;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ",Verdana,Arial,Helvetica,sans-serif;
	background:
		url(/img2/techseijin_01.png) 100% 100% no-repeat,
		url(/img2/bg_dot_01.png),
		rgba(0,0,0,0.5);
}

#globalFooterInner{
	margin: 0 30px;
}

#globalFooterInner2{
	width: 100%;
	min-width: 600px;
	padding: 25px 0;
}

#globalFooter a{
	color: #fff;
}

#globalFooterInner2 > section{
	margin-bottom: 2em;
}

.layoutCol2{
	width: 100%;
	/* display */
	display: box;
	display: -webkit-box;
	display: -moz-box;
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.layoutCol2 > section{
	width: 50%;
	margin: 0 20px 2em 0;
	/* box-flex */
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.layoutCol2 > section:last-child{
	margin-right: 0;
}

.layoutCol2 > section:not(\*|*){
	float: left;
	width: 48%;
}

.layoutCol2 > section.tags:not(\*|*){
	clear: both;
}

#globalFooter .title{
	display: inline-block;
	font-size: 17px;
	border-left: 3px solid #fff;
	line-height: 1;
	padding-left: 7px;
	margin: 0 0.5em 0.75em 0;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
}

body.osMac #globalFooter .title{
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}


#globalFooter .listEntry li{
}

#globalFooter .listEntry li:hover{
}

#globalFooter .listEntry a{
	display: list-item;
	list-style: disc inside;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);	
	text-decoration: none;
	color: #fff;
}

#globalFooter .listEntry a:hover{
	list-style: circle inside;
	background: rgba(0,0,0,0.2);
}

#globalFooter .goPageTop{
	opacity: 0;
	position: absolute;
	top: -1.35em;
	right: 1.5em;
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
}

body.osMac #globalFooter .goPageTop{
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}

#globalFooter:hover .goPageTop{
	opacity: 1;
}

#globalFooter .goPageTop a{
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#globalFooter .goPageTop a:before{
	content: "▲";
	margin-right: 0.2em;
}

#globalFooter .searchTag{
	width: 10em;
	opacity: 0.6;
	margin-left: 0.5em;
	border: 1px solid rgba(0,0,0,0.3) !important;
	position: relative;
	top: -3px;
}

#globalFooter .searchTag:focus,
#globalFooter .searchTag:hover,
#globalFooter:hover .searchTag{
	opacity: 1;
}

#globalFooter .about p{
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);	
}

aside.kayacblogs{
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-top: 1.5em;
	position: relative;
	z-index: 1;
	margin-bottom: 0.5em;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.35);
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.35);
}

aside.kayacblogs li{
	display: inline;
}

aside.kayacservice{
	position: relative;
	z-index: 1;
	line-height: 1.3;
	margin-bottom: 1em;
}

aside.kayacservice li{
	display: inline-block;
	font-size: 10px;
	margin-bottom: 1px;
}

aside.kayacservice li a{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.5);
	margin: 0 1px 0 0;
	padding: 0.3em 0.5em;
	line-height: 1.3;
}

aside.kayacservice li a:hover{
	background: rgba(0,0,0,0.7);
}

#copyright{
	font-size: 10px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);	
}

#nu{
	position: absolute;
	cursor: pointer;
	bottom: 0;
	right: 0;
	width: 80px;
	height: 30px;
}

/* //////////////////////////////////////////////////
[entry] 
////////////////////////////////////////////////// */

/* layout
----------------------------------- */
.entry{
	width: 100%;
	margin-bottom: 1px;
	/* display */
	display: box;
	display: -webkit-box;
	display: -moz-box;
}
.entry:not(\*|*) { width: 850px; }

.entryWrapper{
	position: relative;
}

/* entry body
----------------------------------- */
.entryBody{
	background: rgba(245,245,245,0.7);
	padding: 2em;
	border-top: 1px solid rgba(255,255,255,0.45);
	border-left: 1px solid rgba(255,255,255,0.45);
	/* box-flex */
	box-flex: 75;
	-webkit-box-flex: 75;
	-moz-box-flex: 75;
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.entryBody:not(\*|*) { float: left; width:600px; }

.entryBody > header{
	margin-bottom: 1em;
}

.entryTitle a{
	font-size: 30px;
	color: #000;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	text-decoration: none;
	line-height: 1.35;
}

.entryTitle a:hover{
	background: rgba(255,255,255,1);
}

.hatena-star-star-container{
	margin-left: 0.5em;
	position: relative;
	top: -0.3em;
}

.hatena-star-star-container:hover{
	background: rgba(255,255,255,0.2);
}

.hatena-star-star-container a:hover{
	background: none;
}

/* entry > section
----------------------------------- */
.entryBody > section blockquote,
.entryBody > section hr,
.entryBody > section ul,
.entryBody > section ol,
.entryBody > section dl,
.entryBody > section p{
	margin: 1.5em 0;
}

.entryBody > section strong{
	font-weight: bold;
}

.entryBody > section ul{
	list-style: disc;
	margin-left: 1.5em;
}

.entryBody > section ol ul,
.entryBody > section ul ul{
	margin-top: 0;
	list-style: circle;
}

.entryBody > section ol{
	list-style: decimal;
	margin-left: 2em;
}

.entryBody > section ol ol,
.entryBody > section ul ol{
	margin-top: 0;
	list-style: lower-roman;
}

.entryBody > section dl{
	margin-left: 0.5em;
}

.entryBody > section dt{
	margin-top: 0.5em;
}

.entryBody > section dt:before{
	content: "- ";
}

.entryBody > section dd{
	padding-left: 3em;
}

.entryBody > section hr{
	height: 0;
	border-bottom: 1px solid rgba(255,255,255,0.6);
	border-top: 1px solid rgba(0,0,0,0.2);
}

.entryBody > section blockquote{
	position: relative;
	padding: 30px 30px 15px;
	margin: 1.5em 30px;
	font-style: italic;
	background: rgba(0,0,0,0.1);
}

.entryBody > section blockquote p:first-child {
	margin-top: 0;
}

.entryBody > section blockquote p:last-child {
	margin-bottom: 0;
}

.entryBody > section blockquote:before{
	font-family: "Courier New", Courier, mono;
	content: "“";
	font-size: 60px;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	font-style: normal;
	color: rgba(0,0,0,0.5);
}

.entryBody > section blockquote:after{
	font-family: "Courier New", Courier, mono;
	content: "”";
	font-size: 60px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	font-style: normal;
	color: rgba(0,0,0,0.5);
}

.entryBody > section h1,
.entryBody > section .ttlLv1{
	font-size: 17px;
	font-weight: normal;
	padding: 0.4em 0.6em 0.25em;
	line-height: 1.3;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin: 1.5em 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	background: #000;
	background:
		url(../img/tech/bg_dot_01.png),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.85)), to(rgba(0,0,0,0.7)))
	;
	background:
		url(../img/tech/bg_dot_01.png),
		-moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0.7), rgba(0,0,0,0.85)),
		rgba(0,0,0,0.3);
	;
	/* box-shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	/* border-radius */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.entryBody > section h1:not(\*|*),
.entryBody > section .ttlLv1:not(\*|*){
	background: rgba(0,0,0,0.85);
}

.entryBody > section h1 a,
.entryBody > section .ttlLv1 a{
	color: #fff;
}

.entryBody > section h2{
	font-size: 16px;
	padding-bottom: 0.25em;
	line-height: 1.3;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	border-bottom: 2px solid rgba(0,0,0,0.6);
	margin: 1.5em 0;
	/* box-shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.entryBody > section h3{
	font-size: 15px;
	padding-bottom: 0.25em;
	line-height: 1.3;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 1.5em 0;
	/* box-shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.entryBody > section h3,
.entryBody > section h4,
.entryBody > section h5,
.entryBody > section h6,
.entryBody > section .ttlLv2{
	font-size: 14px;
	padding-bottom: 0.25em;
	line-height: 1.3;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin: 1.5em 0;
	/* box-shadow */
	box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
}

.entryBody > section pre{
	color: #B9BDB6;
	font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
	margin: 1.5em 0;
	background: rgba(0,0,0,0.8);
	overflow: auto;
	padding: 1em;
}

.entryBody > section pre, x:-moz-broken{
	max-width: 530px;
}

.xx-large{
	font-size:40px;
}

.x-large{
	font-size:30px;
}

.large{
	font-size:20px;
}

.small{
	font-size:11px;
}

.x-small{
	font-size:9px;
}

.xx-small{
	font-size:8px;
}


/* entry footer
----------------------------------- */

.entryInfo{
	width: 249px;
	margin-left: 1px;
	background: rgba(245,245,245,0.5);
	padding: 2em;
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
	border-left: 1px solid rgba(255,255,255,0.2);
	/* box-sizing */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.entryInfo:not(\*|*) { float: right; width:249px; }

body.osMac .entryInfo{
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}

.entryInfo > .bookmark,
.entryInfo > section{
	margin-bottom: 1.5em;
	position: relative;
}

.entryInfo .title{
	display: block;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
}

bdoy.osMac .entryInfo .title{
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}

.entryInfo .title:before {
	content: "- ";
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	font-weight: lighter;
}

.entryInfo .name,
.entryInfo time{
	display: block;
}

.entryInfo .name a,
.entryInfo time a{
	color: #000;
	text-decoration: none;
}

.entryInfo .name a:hover,
.entryInfo time a:hover{
	color: #000;
	text-decoration: underline;
}

.entryInfo address{
	font-style: normal;
	margin-bottom: 1.5em;
}

.entryInfo .entryDate{
	margin-bottom: 2em;
}


.entryInfo > section.tags .all{
	position: absolute;
	opacity: 0;
	top: 0;
	right: 0;
}

.entryInfo > section.tags .all a{
	text-decoration: none;
	color: #444;
	font-size: 10px;
}

.entryInfo > section.tags:hover .all{
	opacity: 1;
}

.entryInfo > section.tags .all a:hover{
	text-decoration: underline;
}

body.osMac .entryInfo a.google-buzz-button .buzz-small-2, x:-moz-broken{
	position: relative;
	top: -1px;
}

.entryInfo > .bookmark .facebook{
	margin: 5px 0;
	width: 220px;
}

.entryInfo > .bookmark .facebook iframe{
	border:none;
	overflow:hidden;
	width:195px;
	height:30px;
	background-color: transparent;
}

.entryInfo > .bookmark li{
	float: left;
	margin: 0 10px 10px 0;
}

.entryInfo > .bookmark li a{
	text-decoration: none;
}

.entryInfo > .bookmark li img{
	vertical-align: middle;
}

.entryInfo > .bookmark .hatebu a.label{
	font-size: 11px;
	color: #105CB6;
	background: #fff;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 4px;
	border: 1px solid #578CCA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.entryInfo > .bookmark .hatebu a.label:hover{
	border: 1px solid #105CB6;
}

/* nav article
----------------------------------- */
.navArticle{
	font-size: 10px;
}

.navArticle a{
	text-decoration: none;
	color: rgba(255,255,255,0.7);
	background: rgba(0,0,0,0.2);
	padding: 0.45em 0.45em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.entryWrapper:hover .navArticle a,
.navArticle:hover a{
	color: rgba(255,255,255,1);
}

.entryWrapper .navArticle a:hover{
	color: rgba(0,0,0,1);
	background: rgba(255,255,255,1);
}

.navArticle .prev{
	position: absolute;
	top: .5em;
	right: -3.5em;
}

.navArticle .next{
	position: absolute;
	top: .5em;
	left: -3.5em;
}

.entryWrapper:nth-child(3n+1) .navArticle .next{
	display: none;
}

.entryWrapper:nth-last-child(2) .navArticle .prev{
	display: none;
}

/* //////////////////////////////////////////////////
[modules] 
////////////////////////////////////////////////// */

/* viewMore
----------------------------------- */
.viewMore{
	display: inline-block;
	position: relative;
	top: -0.2em;
}

.viewMore a{
	display: inline-block;
	background: #000;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	text-decoration: none;
	padding: 3px 1em 2px;
	color: #fff;
	line-height: 1.3;
	font-size: 12px;
}

.viewMore a:hover{
	background: #fff;
	color: #000 !important;
}

/* pager
----------------------------------- */
.pager{
	position: relative;
	z-index: 1;
	margin: 1.5em 0 0.5em;
	font-family: Verdana, Helvetica, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo", "メイリオ", sans-serif;
}

body.osMac .pager{
	font-family: Verdana, Helvetica, "Meiryo", "メイリオ", sans-serif;
}

.pager ul{
	text-align: right;
}

.pager li{
	display: inline-block;
	margin: 0 0.5em 1em;
}

.pager li:last-child{
	margin-right: 0;
}

.pager li span,
.pager li a{
	background: #fff;
	padding: 0.2em 0.7em;
	text-decoration: none;
	color: #000;
	opacity: 0.5;
	border: 1px solid rgba(0,0,0,0.2);
	/* border-radius */
	border-radius: 0.9em;
	-webkit-border-radius: 0.9em;
	-moz-border-radius: 0.9em;
}

.pager li a:hover{
	opacity: 1;
}

.pager li a:active{
	opacity: 0.7;
}

.pager li span{
	background: #000;
	color: #fff;
}

/* listTag
----------------------------------- */
.listTag {
	margin-top: 0.4em;
}

.listTag li{
	display: inline-block;
	margin: 0 1px 0 0;
}

.listTag li a{
	display: inline-block;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-decoration: none;
	padding: 1.2px 0.5em;
	font-size: 11px;
}

#footerGlobal .listTag li a{
	background: rgba(0,0,0,0.1);
}

.listTag li a:hover{
	background: rgba(0,0,0,0.93);
}

.listTag li a:active{
	background: rgba(255,255,255,0.93);
	color: #000 !important;
}

.listTag li a{}
.listTag li.rank-1 a{}
.listTag li.rank-2 a{}
.listTag li.rank-3 a{}
.listTag li.rank-4 a{}
.listTag li.rank-5 a{}
.listTag li.rank-6 a{}
.listTag li.rank-7 a{}
.listTag li.rank-8 a{}
.listTag li.rank-9 a{}
.listTag li.rank-10 a{}

/* listArticle
----------------------------------- */
h1.ttlSearch,
.listArticle > h1{
	font-size: 16px;
	margin-bottom: 1em;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,0.7);	
	text-align: center;
	background: rgba(0,0,0,0.1);
}

.listArticle li{
	margin-bottom: 0.5em;
}

.listArticle li a{
	background: rgba(255,255,255,0.55);
	font-size: 19px;
	color: #000;
	text-shadow: 0 1px 0 rgba(255,255,255,0.4);
	text-decoration: none;
	padding: 0.1em 0.4em;
	display: inline-block;
	font-weight: bold;
}

.listArticle li a:hover{
	background: rgba(255,255,255,1);	
}

/* autopagerize
----------------------------------- */
.autopagerize_page_separator{
	display: none;
}

.autopagerize_page_info{
	background: #000;
	color: #fff;
	margin: 1em 0;
	padding: .5em 2em;
	border-radius: 4em;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
}

.autopagerize_page_info a{
	color: #fff;
}

/* --------------------------------------------------
	90. hidden
-------------------------------------------------- */
.hidden{
	display: none;
}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */

.group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.group {
	zoom: 1;
}