@charset "utf-8";

/* ----------------------------------------------------------------- */
/* labs */
/* ----------------------------------------------------------------- */

body { font-size:13px; }
body { background-color:#333; }
#container_inner { background: #333 url(images/kwlog_neon_bg.png) no-repeat top center; }
#container_inner { width: 100%; }
#footer, #header, #content, #footer_navi { width: 940px; margin:0 auto 0 auto; }
#content { background-color:#fff; }
#content_inner { padding: 10px 20px 10px 20px; }
#header, #header_inner { background:none; height:80px; }
#footer_navi, #footer_navi_innner { background:none; height:40px; }
#content_inner,
#footer_inner {
	height: 1%;
}

/* navi/header ----------------------------------------------------------------- */
#domain_navi { float:right; }
#header_name a {
	width: 150px; height: 40px; display: block; text-indent: -9999px; margin:0; padding:0;
	background:transparent url(images/kwlabs_logo_m_text.png) no-repeat scroll 0 0;
	margin-top:0px; margin-left:0px;
}
#header_name a:hover { background-position: 0 -40px; }
#header_description  { display:none; }

#header_name, #header_description { display: inline; float:left; height:40px; line-height:40px; margin:40px 0 0 0; padding:0; color:#fff; }
#header_name a { font-size: 18px; color: #fff; }
#header_name a:hover { color:#3399ff; text-decoration: none;}
#header_description { font-size: 12px; color:#ccc; margin-left:5px; }

/* footer ----------------------------------------------------------------- */
#footer { font-size:11px; }
#footer a { color:#45ccff; }
#footer a:hover { color:#ff0084; text-decoration:underline; }
#footer_inner ul { list-style:none; margin:0;  }
#footer_inner ul li { display:inline; }
#copyright { float:left; padding:0; }
#copyright li { display:inline; text-align: center; margin:0 3px 0 3px; color:#eee; }
#footer_navi { background:#ddd; }
#footer_navi_inner { padding:10px; }
#footer .change_language { float:right; }
#footer label { color:#eee; }

/* content ----------------------------------------------------------------- */
#labs_pankuzu { display:block; height:30px; line-height:20px; }

/* labs_index */
#labs_topindex h3,
#labs_topindex h4 { clear:both; }
#labs_topindex h3 { color:#333; font-size: 10pt; margin:0; border-bottom: 1px solid #bbb; padding: 4px 0 2px 0; }
#labs_topindex h4 { color:#333; font-size: 9pt; margin:0; padding: 4px 0 2px 0; }

#labs_topindex ul { margin:0; padding:20px; }
#labs_topindex ul li { width: 400px; display:inline; float:left; padding:4px; }
#labs_topindex ul li p { display:block; height:3em; margin:0; padding:.5em; padding-left: 1em; color:#555;  }
#labs_topindex ul li a { display:block; background-position: left center; background-repeat: no-repeat; padding-left: 20px; height:20px; line-height:20px;  }
#labs_topindex ul.webapp_list li a { background-image: url(images/icons/fammini/page_url.gif); }
#labs_topindex ul.webapp_list li.flash a { background-image: url(images/icons/fammini/page_flash.gif); }
#labs_topindex ul.jquery_list li a { background-image: url(images/icons/fammini/page_package.gif); }
#labs_topindex ul.deskapp_list li a { background-image: url(images/icons/fammini/page_extension.gif); }
#labs_topindex ul.gadget_list li a { background-image: url(images/icons/fammini/page_extension.gif); }
#labs_topindex ul.tool_list li a { background-image: url(images/icons/fammini/page_url.gif); }

/* error404 */
body.error404 #content-inner p { text-align: center; padding:60px 0 60px 0; border:1px solid #bbb; background-color:#fff; }


/* List  ----------------------------------------------------------------- */
ul.copyright_list li { font-size: small; color: #5e5e5e; }
ul.apilist li { display: inline-block; background: url(images/icons/fammini/icon_package.gif) no-repeat left center; padding-left: 20px; }
ul.sdklist { margin: 10px; }
ul.sdklist li { background: url(images/icons/fammini/page_package.gif) no-repeat left center; padding-left: 20px; }

li.portfolio_folder { clear:both; }
li.portfolio_folder ul { margin:0; padding:0; }
li.portfolio_page {
	border-bottom: 1px dotted #ddd; padding: 2px 0px 2px 20px;
	background: url(images/icons/fammini/page_extension.gif) no-repeat left center; 
}
li.portfolio_movabletype {
	border-bottom: 1px dotted #ddd; padding: 2px 0px 2px 20px;
	background: url(images/icons/social/movabletype_16.png) no-repeat left center;
	display:inline; float:left; width:40%; margin: 4px;
}
li.portfolio_wordpress {
	border-bottom: 1px dotted #ddd; padding: 2px 0px 2px 20px;
	background: url(images/icons/social/wordpress_16.png) no-repeat left center;
	display:inline; float:left; width:40%; margin: 4px;
}