@charset "utf-8";
@import url(http://www.google.com/cse/api/overlay.css);
@import url(jquery-ui-1.7.2.custom.css);
@import url(jquery.lightbox-0.5.css);
@import url(jquery.treeview.css);
@import url(prettify.css);

/* font */
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, p, blockquote, th, td, form, fieldset, input, textarea, pre {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
	margin-bottom:0.75em;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
address, caption, th cite, code, var, dfn, em, strong { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
fieldset { border: 0; }
optgroup { color: #000; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
abbr, acronym { border: 0; cursor: help; }
img { border:0; vertical-align: bottom; }
object, embed { vertical-align: bottom; }


input, select { vertical-align:middle; }
input, textarea, select { margin:2px; }
input[type="text"]:focus, textarea:focus { border:1px solid #888866; }
input[type="text"] { padding:0.25em 0.5em; }
input[type="text"], textarea { border:1px solid #D7D7D7; }
input[type="button"], input[type="submit"], input[type="reset"] {
	background:#eee none repeat scroll 0 0;
	border:1px outset #ccc;
	color:#222;
	padding:0.1em 0.4em 0.1em 0.4em;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	border-color:#ff0084;
	background-color:#ff0084;
}

.aa, .aa p {
	font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif;
	font-size  : 16px;
	line-height: 18px;
}

.alpha_text {
	-x-system-font:none;
	font-family:Arial,helvetica,clean,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}

.indicator { background: #fff url(images/loading.gif) left no-repeat; padding-left:18px; }
table.border { border-collapse:collapse; margin: 1em 2em 1em 2em; }
table.border th, table.border td { padding:4px; }
table.border, table.border th, table.border td { border:1px solid #999; }

.fixed, .clear { clear:both; }

/* ----------------------------------------------------------------- */
/* jQuery UI */
/* ----------------------------------------------------------------- */
.ui-tabs .ui-tabs-nav li { border: 1px solid #ddd; }

/* ----------------------------------------------------------------- */
/* Layout (Compatible MT) */
/* ----------------------------------------------------------------- */
html, body { margin:0; padding: 0;}
#container, #navi, #header, #site_navi, #footer, #content, .sub_content { position: relative; text-align:center; }
#container_inner, #navi_inner, #header_inner, #site_navi_inner, #content_inner, #footer_inner, .sub_content_inner, 
#container-inner, #header-inner, #content-inner, #footer-inner { position: relative; margin:0 auto; text-align: left; }
#container { margin:0; padding: 0;  }
#container_inner { margin: 0 auto 0 auto; width: 100%; }
#content_inner { min-height: 150px; }
.cse-overlay { z-index: 9999; }

#alpha-inner { padding-left: 10px; padding-right: 10px; }
#beta-inner,#gamma-inner {  padding-left: 0; padding-right: 0; }

.layout-wtt #alpha { width: 470px; }
.layout-wtt #beta { left: 235px; width: 235px; }
.layout-wtt #gamma { right: 235px; width: 235px; }
.layout-wt #alpha { width: 705px; }
.layout-wt #beta { width: 235px; }

/* ----------------------------------------------------------------- */
/* Theme */
/* link: 0066a3, ff0084*/
/* ----------------------------------------------------------------- */

/* default elements */
body { background-color: #fff; color:#333; }
p { text-align:left; font-size: small; }

blockquote {
	font-family:verdana, arial, helvetica, Sans-Serif;
	background:#F4F5F7 url(images/blockquote.gif) 3px 3px no-repeat;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding:8px 12px 8px 36px;
	margin:5px 0;
	overflow-x: auto;
}
blockquote, blockquote p { line-height:1.2em; }

/* code-prettify */
pre.prettyprint {
	background-color: #F4F5F7; overflow: auto; _overflow-x: scroll;
	border-color:#ddd #999 #999 #ddd;
	border-style:solid;
	border-width:1px;
	padding:8px;
	margin:5px 0;
}

input.textfield, 
textarea {
	background:#fff url(images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
	font-size:12px;
}


a { color:#0066a3; /*#0092E8;*/ }
a:link { color:#0066a3; text-decoration:none; }
a:active { color:#ff0084; text-decoration:underline; }
a:visited { color:#0066a3; text-decoration:none; }
a:hover { color:#ff0084; text-decoration:underline; }

a img { border: none; }

/* navi/header */
#navi_inner { display:block; height:25px; overflow:hidden; }
#domain_logo {
	margin:7px 0 0 8px; 
	display:block; width:26px; height:12px; text-indent:-9999px;
	background: transparent url(images/kw_logo.png) no-repeat;display:none;
}

ul#domain_navi { list-style:none; padding:0; margin:0; position: absolute; left:2px; bottom:0; }
ul#domain_navi li { float:left; text-align:center; font-size:10px; margin: 0 1px 0 1px; }
ul#domain_navi li a {
	border-width: 1px 1px 0 1px;
	border-style:solid;
	-webkit-border-top-left-radius: 4px 4px;
	-webkit-border-top-right-radius: 4px 4px;
	-moz-border-radius: 8px 8px 0 0;
}
ul#domain_navi li { height: 20px; line-height:20px; }
ul#domain_navi li a { display:block; width:80px; height: 20px; line-height:20px; outline:none; text-decoration:none; }
#navi { background-color:#fff; color:#333; }
ul#domain_navi li a { background-color:#999; color:#fff; border:none; }
ul#domain_navi li a:hover { background-color:#ff0084; color:#fff; }
ul#domain_navi li.tab_actived a { background-color:#333; color:#fff; }
ul#domain_navi li.tab_actived a:hover { background-color:#ff0084; color:#fff; }
ul#domain_navi li.domain_logo a { width:40px; background-image: url(images/domain_logo.png); background-color:#000; text-indent:-9999px; }
ul#domain_navi li.domain a { background:none; color:#333; line-height:24px; }
ul#domain_navi li.domain a:hover { color:#ff0084; }

#search_box { position:absolute; top:3px; right:3px; }
#search_box { display:block; height: 19px; border:none; padding:0; margin:0; }
#search_box #search_label { float:left; font-size: 10px; line-height:20px; }
#search_box #search_text { float:left; width:160px; height:17px; border:1px solid #aaa; margin:0 4px 0 4px; padding:0; }
#search_box #search_submit {
	float:left; margin: 0; padding:0; text-align:center;
	display:block; width:40px; height:19px; line-height:19px; border:none;
	background-color:#333; color:#fff;
	font-size: 9px; cursor:pointer; text-transform: uppercase;
}

#header_name a {  outline:none; }
ul#section_navi { position: absolute; bottom:0; right:0; padding:0; margin:0; border-bottom: 1px solid 333;  }
ul#section_navi li { float:left; text-align:center; }
ul#section_navi li { font-size:11px; border-bottom:1px solid #333; margin: 0 0 0 2px; }
ul#section_navi li a {
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	-webkit-border-top-left-radius: 4px 4px;
	-webkit-border-top-right-radius: 4px 4px;
	-moz-border-radius: 4px 4px 0 0;
}
ul#section_navi li a { background-color:#ddd; display:block; width:80px; height: 20px; line-height:20px; outline:none; text-decoration:none; }
ul#section_navi li a:hover { background-color:#ff0084; color:#fff; }
ul#section_navi li.tab_actived { border-bottom:1px solid #fff; }
ul#section_navi li.tab_actived a { background-color:#fff; color:#ff0084; }

/* footer */
#footer_inner { margin:0 auto; }
#copyright { text-align: center; clear: both; }
#copyright p { font-size:x-small; text-align: center; margin:4px; padding:0; }
#footer_inner { padding-top: 10px; padding-bottom:10px; }
ul#sns_list { list-style:none; padding:0; margin:0; }
/* content */
#gallery { width:100%; margin: 0 auto; text-align: center;  }
#gallery_content { width:630px;  margin:auto; position:relative; text-align:left; }
ul#gallery_kwicks { list-style:none; height:50px; }
ul#gallery_kwicks li { float: left; width: 90px; height: 50px; padding:0; margin: 0; cursor:pointer; display:block; overflow:hidden; }
ul#gallery_kwicks li img,
ul#gallery_kwicks li div { float:left; display:inline; }
ul#gallery_kwicks li img { width:48px; }
ul#gallery_kwicks li div.gallery_meta { margin-left:5px; /*width:200px; height:50x; overflow-y:hidden;*/ }
ul#gallery_kwicks li div.gallery_meta span { display: block; font-size: 8pt; /*overflow-y:hidden;*/ }

/* portfolio */
#portfolios h3 { clear:both; color:#333; font-size: 10pt; margin:0; border-bottom: 1px solid #bbb; padding: 4px 0 2px 0; }
#portfolios ul { margin:0; padding:10px 20px 10px 20px; }
/*
#portfolios ul li { width: 49%; display:inline; float:left; padding:4px; }
#portfolios ul li.odd { clear:both; }*/
#portfolios ul li p { display:inline; margin:0; padding:.2em; color:#555; }
#portfolios ul li a { display:inline; background-position: left center; background-repeat: no-repeat; padding:2px 2px 2px 20px; height:20px; line-height:20px;  }
#portfolios ul.web_portfolios li a { background-image: url(images/icons/fammini/page_url.gif); }
#portfolios ul.web_portfolios li.flash a { background-image: url(images/icons/fammini/page_flash.gif); }
#portfolios ul.web_portfolios li.tool a { background-image: url(images/icons/fammini/page_url.gif); }
#portfolios ul.tool_portfolios li a { background-image: url(images/icons/fammini/page_url.gif); }
#portfolios ul.jquery_portfolios li a { background-image: url(images/icons/app/jquery_16.png); }
#portfolios ul.chumby_widget_portfolios li a { background-image: url(images/icons/app/chumby_16.png); }
#portfolios ul.firefox_portfolios li a { background-image: url(images/icons/app/firefox_16.png); }
#portfolios ul.silverlight_portfolios li a { background-image: url(images/icons/fammini/page_package.gif); }
#portfolios ul.com_portfolios li a { background-image: url(images/icons/fammini/page_package.gif); }
#portfolios ul.php_portfolios li a { background-image: url(images/icons/fammini/page_package.gif); }
#portfolios ul.windows_portfolios li a { background-image: url(images/icons/famsilk/application_xp.png); }
#portfolios ul.widget_portfolios li a { background-image: url(images/icons/app/ywe_16.png); }
#portfolios ul.movable_type_portfolios li a { background-image: url(images/icons/social/movabletype_16.png); }
#portfolios ul.wordpress_portfolios li a { background-image: url(images/icons/social/wordpress_16.png); }
#portfolios ul.pukiwiki_portfolios li a { background-image: url(images/icons/app/pukiwiki_16.png); }
#portfolios ul.air_portfolios li a { background-image: url(images/icons/app/air_app_16.png); }
.page_name {
	color:#3E667E;
	border-bottom:4px solid #ddd;
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0; padding:0;
}

/* utils */
#container:after,
#header_inner:after,
#header-inner:after,
#site_navi:after,
#site_navi_inner:after,
#content:after,
.sub_content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after,
#footer_innder:after,
#footer-innder:after,
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}