@charset "UTF-8";

/*
	_level0.KAYAC | flash ActionScript blog
	Copyright (C) KAYAC Inc. All Rights Reserved.
*/

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

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, time {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}



/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll; /* for mozilla: always display scrollbar */
	height: 100%;
}

body {
	color: #333;
	font-family: sans-serif;
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	*font-size: 82%;
	line-height: 1.7;
	background: #f6f6f4 url(/img/bg.jpg);
	height: 100%;
}
/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a:link,
a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover,
a:active  {
	color: #666;
	text-decoration: none;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* p {} */

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}
label { cursor: pointer; }
textarea { overflow: auto; }
legend { display: none; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
}
object {
	vertical-align: middle;
	outline: none;
}
em, strong {
	font-weight: bold;
	font-style: normal;
}
small { font-size: 100%; }
abbr, acronym {
	border: none;
	font-variant: normal;
}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* for IE7: page zoom bug fix */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	Wrapper
-------------------------------------------------- */
#container {
	position: relative;
	min-width: 0;
	height: 100%;
}
#mainContent {
	height: 100%;
}
#mainContentInner {
	height: 100%;
	margin-left: 60px;
}
#subContent {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 61px;
	background: #edecea;
	height: 100%;
}
#subContentInner {
	height: 100%;
	border-right: solid 1px white;
	background: url(/img/nav/bg.png) repeat-y;
	
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	
	box-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
}
#container .windowSmallSubContent {
	position: absolute;
}
#container .windowSmallSubContent #subContentInner {
	display: block;
	
	box-align: stretch;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-o-box-align: stretch;
	-ms-box-align: stretch;
}
/* --------------------------------------------------
	Header
-------------------------------------------------- */
#siteHeader {
	position: relative;
	padding: 28px 0 10px 0;
	border-bottom: solid 1px #c7c4c1;
}
#siteHeader .siteName {
	float: left;
	margin: 0 0 0 30px;
	position: relative;
	z-index: 1;
}
#siteHeader .blockKeywordWrap {
	float: right;
	width: 100%;
	margin-left: -250px;
}
#siteHeader .blockKeywordWrap .blockKeyword {
	position: relative;
	margin-left: 250px;
}

#siteHeader #searchKeyword div {
	max-width: 600px;
	margin-right: 150px;
	border: solid 1px #c7c4c1;
	padding-right: 1px;
}
#siteHeader #searchKeyword div p {
	position: relative;
	border: solid 1px white;
	padding-left: 40px;
	background: #f8f8f8 url(/img/ico/search.png) no-repeat 10px 50%;
}
#siteHeader #searchKeyword div,
#siteHeader #searchKeyword div p {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}
#siteHeader #searchKeyword div p .txtbox {
	width: 90%;
	margin-right: 10px;
	font-size: 154%;
	color: #d8d8d8;
	height: 35px;
	line-height: 35px;
	background: #f8f8f8;
	border: none;
	outline: 0px none black;
}
#siteHeader #searchKeyword div p .resetBtnWrap {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	line-height: 0;
	margin: 2px 2px;
	background: url(/img/resetBtn_o.png) no-repeat;
}
#siteHeader #searchKeyword div p .resetBtn {
	display: block;
	width: 32px;
	height: 32px;
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
	
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
#siteHeader #searchKeyword div p .resetBtn:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}
#siteHeader .hotTagsList {
	margin: 9px 0 0 5px;
}
#siteHeader .hotTagsList .ttl {
	font-size: 85%;
	line-height: 1.5;
}
#siteHeader .hotTagsList ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#siteHeader .hotTagsList li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 2px 5px 0;
}
#siteHeader .hotTagsList li a {
	display: block;
	line-height: 1;
	padding: 3px 9px;
	border: solid 1px #c7c4c1;
	text-decoration: none;
	font-size: 85%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}
#siteHeader .viewAllTagsWrap {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 20px;
	background: url(/img/header/line_tagBtn.png) no-repeat 90% 50%;
}
#siteHeader .viewMemberList,
#siteHeader .viewAllTags {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 2px 5px 0;
}
#siteHeader .viewMemberList a,
#siteHeader .viewAllTags a {
	display: block;
	line-height: 1;
	padding: 3px 9px;
	border: solid 1px #c7c4c1;
	text-decoration: none;
	font-size: 85%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}
#siteHeader .viewAllTags a,
#siteHeader .viewMemberList a {
	padding-left: 17px;
}
#siteHeader .hotTagsList li a:link,
#siteHeader .hotTagsList li a:visited {
	background: #f8f8f8;
}
#siteHeader .hotTagsList li a:hover,
#siteHeader .hotTagsList li a:active {
	background: #f0eeec;
}
#siteHeader .hotTagsList .selected a:link,
#siteHeader .hotTagsList .selected a:visited {
	background: #f0eeec;
}
#siteHeader .viewAllTags a:link,
#siteHeader .viewAllTags a:visited,
#siteHeader .viewMemberList a:link,
#siteHeader .viewMemberList a:visited {
	background: #f8f8f8 url(/img/header/ico_tagBtn.png) no-repeat 15% 50%;
}
#siteHeader .viewAllTags a:hover,
#siteHeader .viewAllTags a:active,
#siteHeader .viewMemberList a:hover,
#siteHeader .viewMemberList a:active {
	background: #f0eeec url(/img/header/ico_tagBtn.png) no-repeat 15% 50%;
}

/* navUtility
----------------------------------- */
#siteHeader #navUtility {
	position: absolute;
	right: 25px;
	top: 18px;
}
#siteHeader #navUtility li {
	float: left;
	margin-right: 12px;
}
#siteHeader #navUtility .mail {
	margin: 0;
}

/* --------------------------------------------------
	blockAllTags
-------------------------------------------------- */
#blockAllTags {
	display: none;
	padding: 20px 20px 20px 20px;
	background: #f5f3f1;
}
#blockAllTags li {
	display: inline;
	margin-right: 15px;
	line-height: 2.5;
}
#blockAllTags li a {
	font-size: 93%;
}
#blockAllTags li.selected a {
	padding: 3px 5px;
	background: #bbb;
	text-decoration: none;
	color: #f0eeec;
}

/* --------------------------------------------------
	blockMemberList
-------------------------------------------------- */
#blockMemberList {
	display: none;
	padding: 20px 20px 20px 20px;
	background: #f5f3f1;
}
#blockMemberList li {
	display: inline;
	margin-right: 15px;
	line-height: 2.5;
}
#blockMemberList li.administrator {
	display: none;
}
#blockMemberList li a {
	font-size: 93%;
}
#blockMemberList li.selected a {
	padding: 3px 5px;
	background: #bbb;
	text-decoration: none;
	color: #f0eeec;
}

/* --------------------------------------------------
	Footer
-------------------------------------------------- */
#siteFooter {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 5px;
	width: 100%;
	font-size: 85%;
	background: #f6f6f4 url(/img/bg.jpg);
	border-top: solid 1px #C7C4C1;
}
#siteFooter:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: white;
	width: 100%;
	height: 1px;
}
#siteFooterInner {
	position: relative;
	margin-left: 60px;
	padding: 15px 40px 0;
}
#siteFooter a {
	color: #999;
}
/* kayacInfo
----------------------------------- */
#kayacInfo {
	margin-bottom: 15px;
}
#blockKayacBlog,
#blockKayacMedia {
	margin-bottom: 20px;
}
#kayacInfo ul {
	float: left;
}
#kayacInfo li {
	float: left;
	margin-right: 15px;
	padding-left: 15px;
	background: url(/img/ico/plus.png) no-repeat 0 50%;
}
#kayacInfo li.open {
	background: url(/img/ico/minus.png) no-repeat 0 50%;
}
#blockKayacBlog,
#blockKayacMedia {
	display: none;
	background: url(/img/footer/line.png) repeat-x;
}
#blockKayacBlog ul,
#blockKayacMedia ul {
	padding-top: 20px;
	background: url(/img/footer/bg_balloon.png) no-repeat 45px 0;
}
#blockKayacBlog li {
	margin-bottom: 5px;
}
#blockKayacBlog li img {
	margin-right: 3px;
}
#blockKayacMedia a em {
	margin-right: 0.2em;
	font-weight: normal;
}
#blockKayacMedia li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 1em;
}


/* blockCopyright
----------------------------------- */
#blockCopyright {
	float: right;
}
#blockCopyright .copyright {
	float: left;
	margin-right: 10px;
	color: #999;
}
#blockCopyright .goPageTop {
	float: left;
}

.

/* --------------------------------------------------
	navGlobal
-------------------------------------------------- */
#navGlobal {
	width: 100%;
}
#navGlobal .main {
	padding-bottom: 20px;
	background: url(/img/nav/line.png) no-repeat 50% 370px;
}
.windowSmallSubContent #navGlobal {
	position: absolute;
	top: 30px;
}
#navGlobal li {
	position: relative;
	width: 60px;
}
#navGlobal li a {
	display: block;
	height: 60px;
  
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
}
#navGlobal li a:hover,
#navGlobal li.selected a {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}
#navGlobal .flash { background: url(/img/nav/nav_Flash_o.png); }
#navGlobal .android { background: url(/img/nav/nav_Android_o.png); }
#navGlobal .ios { background: url(/img/nav/nav_iOS_o.png); }
#navGlobal .mobileSocial { background: url(/img/nav/nav_MobileSocial_o.png); }
#navGlobal .digitalSignage { background: url(/img/nav/nav_DigitalSignage_o.png); }
#navGlobal .animation { background: url(/img/nav/nav_Animation_o.png); }
#navGlobal .info { background: url(/img/nav/nav_info_o.png); }
#navGlobal .misc { background: url(/img/nav/nav_misc_o.png); }

#navGlobal li span {
	position: absolute;
	left: 65px;
	top: 17px;
	width: 0;
	overflow: hidden;
	padding: 7px 0;
	background: #111;
	background: rgba(10,10,10,0);
	text-align: center;
	line-height: 1;
	font-size: 93%;
	color: white;
	color: rgba(255,255,255,0);
	z-index: 10;
	
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	
	transition: color 0.2s ease-in-out, left 0.2s ease-in-out, background 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, left 0.2s ease-in-out, background 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, left 0.2s ease-in-out, background 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, left 0.2s ease-in-out, background 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, left 0.2s ease-in-out, background 0.2s ease-in-out;
}
#navGlobal li:hover span {
	background: #222;
	background: rgba(10,10,10,0.7);
	color: white;
	color: rgba(255,255,255,1);
	width: 110px;
	left: 70px;
}

/* --------------------------------------------------
	Home
-------------------------------------------------- */
body#home #content {
	position: relative;
	border-top: solid 1px white;
	padding: 30px 0 150px 0;
}
.contentLoading {
	background: url(/img/loading.gif) no-repeat 50% 40%;
}
.entryPlaceHolder {
	visibility: hidden;
}
#content {
 	visibility: hidden;
}
#blockEntryList {
	margin: 0 0 0 40px;
	padding: 0 0 20px;
}
#content .unitEntryItem {
	float: left;
	width: 140px;
	margin: 0 30px 25px 0;
}
#content .unitEntryItem .categoryName {
	line-height: 0;
	margin-bottom: 10px;
}
#content .unitEntryItem .image {
	width: 128px;
	height: 82px;
	border: solid 1px #c7c4c1;
  
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
#content .unitEntryItem .image:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
}
#content .category_Flash .image { background: url(/img/capture/capture_Flash.png); }
#content .category_Android .image { background: url(/img/capture/capture_Android.png); }
#content .category_iOS .image { background: url(/img/capture/capture_iOS.png); }
#content .category_MobileSocial .image { background: url(/img/capture/capture_MobileSocial.png); }
#content .category_DigitalSignage .image { background: url(/img/capture/capture_DigitalSignage.png); }
#content .category_Animation .image { background: url(/img/capture/capture_Animation.png); }
#content .category_misc .image { background: url(/img/capture/capture_misc.png); }
#content .category_Wonderfl .image { background: url(/img/capture/capture_Wonderfl.png); }
#content .category_Twitter .image { background: url(/img/capture/capture_Twitter.png); }
#content .category_News .image { background: url(/img/capture/capture_News.png); }
#content .category_Portfolio .image { background: url(/img/capture/capture_Portfolio.png); }
#content .category_PR .image { background: url(/img/capture/capture_PR.png); }
#content .category_info .image { background: url(/img/capture/capture_info.png); }

#content .unitEntryItem .image a {
	display: block;
	height: 100%;
	overflow: hidden;
	line-height: 82px;
}
#content .unitEntryItem .image img {
	vertical-align: middle;
	background: #F6F6F4;
}
#content .unitEntryItem figcaption {
	margin-top: 8px;
}
#content .unitEntryItem figcaption time {
	color: #999;
	font-size: 77%;
	margin-bottom: 10px;
	white-space: nowrap;
}
#content .unitEntryItem figcaption time a {
	color: #999;
}
#content .unitEntryItem figcaption h2 {
	margin-bottom: 10px;
	font-size: 93%;
	color: #333;
	word-break: break-all;
}
#content .unitEntryItem figcaption p {
	font-size: 85%;
	word-break: break-all;
}

/* Twitter
----------------------------------- */
#content .category_Twitter figcaption .tweet {
	margin-bottom: 10px;
	font-size: 93%;
	font-weight: bold;
	color: #333;
}

/* Wonderfl
----------------------------------- */
#content .category_Wonderfl figcaption .ttl {
	margin-bottom: 3px;
}
#content .category_Wonderfl figcaption .ttl a {
	font-size: 100%;
	font-weight: bold;
	color: black;
	text-decoration: none;
	line-height: 1;
}
#content .category_Wonderfl .image a {
	display: block;
	height: 100%;
	overflow: hidden;
	line-height: 82px;
}
#content .category_Wonderfl .image img {
	vertical-align: middle;
}
#content .category_Wonderfl .codeInfo {
	font-size: 100%;
}
#content .category_Wonderfl figcaption .name {
	margin-bottom: 5px;
}
#content .category_Wonderfl figcaption .name a {
	font-size: 85%;
	color: black;
	text-decoration: none;
	line-height: 1;
}
#content .category_Wonderfl figcaption .valuation {
	margin-bottom: 5px;
}
#content .category_Wonderfl figcaption .valuation span a {
	font-size: 85%;
	color: black;
	text-decoration: none;
	line-height: 1;
}
#content .category_Wonderfl figcaption .valuation .fork {
	padding-left:  10px;
	background: url(/img/ico/wonderfl_fork.png) no-repeat 0 50%;
}
#content .category_Wonderfl figcaption .valuation .favorite {
	margin-left: 5px;
	padding-left:  11px;
	background: url(/img/ico/wonderfl_favorite.png) no-repeat 0 50%;
}
#content .category_Wonderfl figcaption .ttl a:link,
#content .category_Wonderfl figcaption .ttl a:visited,
#content .category_Wonderfl figcaption .name a:link,
#content .category_Wonderfl figcaption .name a:visited,
#content .category_Wonderfl figcaption .valuation span a:link,
#content .category_Wonderfl figcaption .valuation span a:visited {
	border-bottom: dotted 1px black;
}

#content .category_Wonderfl figcaption .ttl a:hover,
#content .category_Wonderfl figcaption .ttl a:active,
#content .category_Wonderfl figcaption .name a:hover,
#content .category_Wonderfl figcaption .name a:active,
#content .category_Wonderfl figcaption .valuation span a:hover,
#content .category_Wonderfl figcaption .valuation span a:active {
	border-bottom: none;
}

/* Author
----------------------------------- */
#content .category_Author figcaption .name {
	margin-bottom: 10px;
	font-size: 93%;
	font-weight: bold;
	color: #333;
}
#content .category_Author .image {
	width: 82px;
	margin-bottom: 10px;
	background: #f6f6f4;
	line-height: 82px;
	overflow: hidden;
}
#content .category_Author .image img {
	vertical-align: top;
	background: #f6f6f4;
}
#content .category_Author .image:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	zoom: 1;
}

/* blockWoops
----------------------------------- */
#content .blockWoops {
	margin-left: 5px;
	padding-bottom: 130px;
}
#content .blockWoops h2 {
	margin-bottom: 17px;
}
#content .blockWoops p {
	margin-bottom: 20px;
}
#content .blockWoops .recommendKeywordList {
	margin-top: 25px;
}
#content .blockWoops .recommendKeywordList p {
	margin-bottom: 15px;
}
#content .blockWoops .recommendKeywordList ul li {
	float: left;
	margin-right: 15px;
}

/* block404
----------------------------------- */
#content .block404 {
	margin-left: 40px;
	padding-bottom: 180px;
}
#content .block404 h2 {
	margin-bottom: 30px;
}
#content .block404 p {
	margin-bottom: 8px;
}

/* moreBtn
----------------------------------- */
#content .moreBtn {
	clear: both;
	display: none;
	margin: 0 40px;
}
#content .moreBtn p {
	height: 35px;
	background: #f0eeec;
	border-top: solid 1px #c7c4c1;
}
#content .moreBtn p a {
	display: block;
	text-align: center;
	line-height: 35px;
}

/* --------------------------------------------------
	Detail
-------------------------------------------------- */
body.entry #content {
	position: relative;
	border-top: solid 1px white;
	padding: 30px 0 150px 0;
}
#entryArticle {
	margin-left: 40px;
	padding-right: 130px;
}

/* entryHeader
----------------------------------- */
#entryHeader {
	margin:0 0 35px;
}
#entryHeader .entryInfo {
	position: relative;
	margin: 0 0 3px 0;
	padding-left: 53px;
}
#entryHeader .entryInfo aside {
	margin-bottom: 2px;
	line-height: 1;
}
#entryHeader .entryInfo aside img {
	display: inline;
	margin: 0 10px 0 0;
	line-height: 1;
}
#entryHeader .entryInfo aside time {
}
#entryHeader .entryInfo aside time,
#entryHeader .entryInfo aside time a {
	font-size: 85%;
	color: #999;
	line-height: 1;
	vertical-align: top;
}
#entryHeader .entryInfo .authorImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: #f6f6f4;
	border: solid 1px #ccc;
}
#entryHeader .entryInfo .authorImg a {
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
} 
#entryHeader .entryInfo .authorImg a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
}
#entryHeader .entryInfo .authorImg img {
	display: block;
	position: absolute;
	width: 40px;
	height: auto;
	background: #f6f6f4;
}
#entryHeader #entryTtl {
	font-size: 185%;
	line-height: 1.2;
	color: #333;
}
#entryHeader .tags ul,
#entryHeader .tags li {
	display: inline;
}
#entryHeader .tags .ttl,
#entryHeader .tags li a {
	font-size: 85%;
	color: #999;
}

/* linktoOwnURL
----------------------------------- */
#entryBody .entryBodyInner .linktoOwnURL {
	margin: 70px 0 0;
	color: #999;
	font-size: 93%;
}

/* navDetail
----------------------------------- */
#navDetail {
	position: absolute;
	top: 50px;
	right: 50px;
}
body.entry #content .navDetailFixed {
	position: fixed;
}
#navDetail li {
	position: relative;
	width: 60px;
	margin-bottom: 1px;
}
#navDetail li a {
	display: block;
	height: 60px;
  
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
}
#navDetail li a:hover,
#navDetail li.selected a {
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
}
#navDetail .topPage { background: url(/img/navDetail/topPage_o.png); }
#navDetail .next { background: url(/img/navDetail/next_o.png); }
#navDetail .previous { background: url(/img/navDetail/previous_o.png); }

#navDetail li span {
	position: absolute;
	right: 75px;
	top: 17px;
	width: 0;
	overflow: hidden;
	padding: 7px 0;
	background: rgba(10,10,10,0);
	text-align: center;
	line-height: 1;
	font-size: 93%;
	color: rgba(255,255,255,0);
	z-index: 10;
	
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	
	transition: color 0.2s ease-in-out, right 0.2s ease-in-out, background 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, right 0.2s ease-in-out, background 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, right 0.2s ease-in-out, background 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, right 0.2s ease-in-out, background 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, right 0.2s ease-in-out, background 0.2s ease-in-out;
}
#navDetail li:hover span {
	background: #222;
	background: rgba(10,10,10,0.7);
	color: white;
	color: rgba(255,255,255,1);
	width: 210px;
	right: 80px;
}

/* entryShareBtn
----------------------------------- */
#content #entryShareBtn {
	margin: 0 0 30px 40px;
}
#content #entryShareBtn li {
	float: left;
}

#content #entryShareBtn #entryShareFacebook {
	margin: 0 -3px 0 0;
}
#content #entryShareBtn #entryShareTwitter {
	margin: 0 -5px 0 0;
}
#content #entryShareBtn #entryShareHatebu {
	margin: 0 8px 0 0;
}

/* moreEntryLink
----------------------------------- */
#content .moreEntryLink {
	position: relative;
	clear: both;
	height: 35px;
	margin: 0 40px 20px 40px;
	background: #f0eeec;
	border-top: solid 1px #c7c4c1;
}
#content .moreEntryLink p {
	line-height: 35px;
}
#content .moreEntryLink .linktoNextEntry {
	position: relative;
	z-index: 1;
	float: right;
	margin-right: 15px;
}
#content .moreEntryLink .linktoNextEntry:after {
	content : ' >';
}
#content .moreEntryLink .linktoPrevEntry {
	position: relative;
	z-index: 1;
	float: left;
	margin-left: 15px;
}
#content .moreEntryLink .linktoPrevEntry:before {
	content: '< ';
}
#content .moreEntryLink .linktoEntryList {
	position: absolute;
	width: 100%;
	text-align: center;
}
#content .moreEntryLink .linktoEntryList:before {
	content: '| ';
}
#content .moreEntryLink .linktoEntryList:after {
	content: ' |';
}
#entryBody .entryBodyInner {
	padding: 0 0 15px;
}

/* blockAdArea
----------------------------------- */
#content .blockAdArea {
	margin: 0 40px 40px;
}
#content .blockDisqus {
	max-width: 700px;	
	margin: 0 40px 30px;
}

/* //////////////////////////////////////////////////
[Module] 
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

/* entryBody
----------------------------------- */
#entryBody .entryBodyInner p,
#entryBody .entryBodyInner pre,
#entryBody .entryBodyInner ul,
#entryBody .entryBodyInner ol {
	max-width: 1100px;
	margin: 15px 0 30px;
	clear: both;
}
#entryBody .entryBodyInner h2,
#entryBody .entryBodyInner h3,
#entryBody .entryBodyInner h4 {
	margin: 30px 0 15px;
	clear: both;
}
#entryBody .entryBodyInner h2 {
	font-size: 139%;
	color: #333;
}
#entryBody .entryBodyInner h3 {
	position: relative;
	font-size: 108%;
	color: #333;
	background: #f0eeec;
	padding: 10px;
	line-height: 1;
	border-top: solid 1px #d4d2cf;
}
#entryBody .entryBodyInner h3:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: white;
	width: 100%;
	height: 1px;
}
#entryBody .entryBodyInner h4 {
	font-size: 100%;
	color: #333;
}
#entryBody .entryBodyInner h4:before {
	content: '■ ';
}
#entryBody .entryBodyInner pre {
	background: url(/img/entryParts/codebg.png);
	border: solid 1px #c7c4c1;
	padding: 10px;
	font-size: 85%;
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 1.2;
	color: #333;
}
#entryBody .entryBodyInner ul li {
	margin: 0 0 5px 25px;
	list-style: disc inside;
}
#entryBody .entryBodyInner ol li {
	margin: 0 0 5px 25px;
	list-style: decimal inside;
}
#entryBody .entryBodyInner hr {
	display: block;
	clear: both;
	border: none;
	border-top: solid 1px #dcdbd8;
	border-bottom: solid 1px white;
}
#entryBody .entryBodyInner blockquote {
	float: left;
	max-width: 1100px;
	margin: 15px 25px 30px;
	padding: 20px 40px;
	background: url(/img/entryParts/blockquote_left.png) no-repeat, url(/img/entryParts/blockquote_right.png) no-repeat 100% 100%;
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
.msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}

/* autopagerize_page_info */
.autopagerize_page_info {
	margin: 10px 0;
}

/* meca.js */
.btn,
.imgpngWrapSpan {
	cursor: pointer;
}

/* Searching TimeOut */
h1#page-title {
	margin: 0px 0 0 38px;
}
div#generic-error {
	margin: 10px 0 0 38px;
}

/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
#content:after,
.group:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}
#content,
.group {
	*zoom: 1;
}