/*
Theme Name: developer.kaburobo.jp
Theme URI: http://developer.kaburobo.jp/
Description: The original WordPress theme for kaburobo.jp
Version: 0.1
Author: Yukihiro MATSUDA
*/

/* General */

*
{
	margin: 0px;
	padding: 0px;
	
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}

a:link,
a:visited
{
	color: #006699;
}

a:hover
{
	color: #CC6600;
}

a.external
{
	padding-right: 20px;
	
	background-image: url(images/link_external.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

body
{
	margin: 0px;
	padding 0px;
	
	background-image: url(/common/images/bg_head.gif);
	background-position: left top;
	background-repeat:repeat-x;

	font-size: 12px;
	color:#555555;
}

img
{
	border-width: 0px;
}

hr
{
	margin-bottom: 20px;
	padding: 0px 0px 1px 0px;
	height: 1px;
	
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
}

h2
{
	font-size: 28px;
	line-height: 32px;
}

h3
{
	margin-bottom: 20px;

	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.2px;
	color:#333333;
}

h3.big
{
	font-size: 18px;
	line-height: 27px;
}


h3.step1,
h3.step2,
h3.step3
{
	padding-left: 40px;
	
	background-position: left center;
	background-repeat: no-repeat;

	line-height: 36px;
}

h3.step1
{
	background-image: url(images/h3_step/step1.png);
}

h3.step2
{
	background-image: url(images/h3_step/step2.png);
}

h3.step3
{
	background-image: url(images/h3_step/step3.png);
}

#localNavi h3
{
	margin-bottom: 0px;
}

h4
{
	margin-bottom: 5px;
	
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1.2px;
	color:#333333;
}


/* Layout */

#header
{
	padding: 20px 0px 5px 0px;
}

#header-left
{
	float: left;
	width: 600px;
}

#header-right
{
	float: right;
	width: 300px;
	padding: 20px 0px 0px 0px;
	
	text-align: right;
}

#header-clearfix
{
	clear: both;
}

#globalNavi
{
	height: 32px;
	
	background-color: #0B1772;
	background-image: url(/common/images/globalnavi.jpg);
	background-position: left center;
	background-repeat: repeat-x;
}

#page-title
{
	margin: 0px 0px 30px 0px;
	padding: 20px 0px 20px 0px;
	
	background-color: #FFFFCC;
	background-image: url(images/page-title/page-title.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFCC66;
}

#breadcrumb
{
	margin-bottom: 5px;
	
	font-size: 12px;
	line-height: 18px;
}

#content
{
	
}

#content-left,
#content-center,
#content-right
{
	float: left;
}

#content.colstyle-home #content-left
{
	width: 300px;
	margin-right:30px;
}

#content.colstyle-home #content-center
{
	width: 300px;
	margin-right: 30px;
}

#content.colstyle-home #content-right
{
	width: 300px;
}

#content.colstyle-2 #content-left,
#content.colstyle-2-full #content-left,
#content.colstyle-3 #content-left
{
	width: 140px;
	margin-right:30px;
}

#content.colstyle-2 #content-center
{
	width: 620px;
	margin-right: 30px;
}

#content.colstyle-2 #content-right
{
/*
	display: none;
*/
	width: 140px;
}

#content.colstyle-2-full #content-center
{
	width: 790px;
}

#content.colstyle-2-full #content-right
{
	display: none;
	width: 0px;
}

#content.colstyle-3 #content-center
{
	width: 520px;
	margin-right: 30px;
}

#content.colstyle-3 #content-right
{
	width: 240px;
}

#content-clearfix
{
	clear: both;
	height: 30px;
}

#footer
{
	height: 100px;
	padding: 20px 0px 30px 0px;

/*
	background-color: #F4F4F4;
	background-image: url(images/footer_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
*/
	border-top: 1px solid #CCCCCC;
	
	font-size: 12px;
	color: #999999;
}

#footer-left
{
	float: left;
	width: 600px;
}

#footer-right
{
	float: right;
	width: 300px;
}

#footer-clearfix
{
	clear: both;
}

.basewidth
{
	width: 960px;
	margin: 0px auto;
}


/* Component */

#site-caption
{
	font-size: 12px;
}

#searchbox-caption
{
	margin: 5px 0px 0px 0px;
	
	font-size: 12px;
	line-height:20px;
	color: #BBBBBB;
}

#globalNavi ul,
#globalNavi ul li
{
}

#globalNavi ul
{
	float: right;
	margin: 4px auto 0px auto;
	padding: 0px;
}

#globalNavi ul li
{
	display: inline;
	float: left;
	list-style:none;
	margin: 0px 5px;
	
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
}

#globalNavi ul li a
{
	height:28px;
	padding-left: 6px;
	padding-right: 6px;
	
	text-decoration: none;
	color: #FFFFFF;
}

#globalNavi ul li a:hover,
#globalNavi ul li.selected a
{
	background-color: #FFFFCC;
	padding-top: 7px;
	padding-bottom: 7px;
	
	color:#333333;
}

#globalNavi ul li.selected a
{
	padding-top: 6px;
	padding-bottom: 6px;

	font-size: 14px;
	font-weight: bold;

	color:#333333;
}

#breadcrumb
{

}

#localNavi
{
}

#localNavi ul
{
	margin: 0px 0px 20px 0px;
}

#localNavi ul li
{
	list-style:none;
	margin: 0px;
	padding: 4px 0px;
	
	border-bottom: 1px solid #DEDEDE;
	
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#localNavi ul li.selected
{
	background-color: #F4F4F4;
}

#localNavi ul li a
{
	display: block;
	
	text-decoration: none;
}

#content p
{
	margin: 0px 0px 20px 0px;
	
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
}

#content.colstyle-home p
{
	font-size: 12px;
	line-height: 18px;
}

#content-center table
{
	width: 100%;
	margin: 0px 0px 30px 0px;
	
	border-width: 0px;
	border-collapse: collapse;
	
	font-size: 12px;
	line-height: 18px;
}

#content-center table tr
{
}

#content-center table td,
#content-center table th
{
	padding: 5px 8px;
	
	border: 1px solid #CCCCCC;
}

#content-center table td
{
}

#content-center table td.key
{
	background-color: #F4F4F4;
	
	font-weight: bold;
}

#content-center table th
{
	background-color: #999999;
	
	color: #FFFFFF;
	text-align: center;
}

#content-center ul,
#content-right ul
{
	margin-bottom: 20px;
	
	list-style-image: none;
	list-style-position: outside;
	list-style: square;
}

#content-center ul li,
#content-right ul li
{
	margin-left: 20px;
	margin-bottom: 5px;
	padding-left: 3px;

	font-size: 14px;
	line-height: 21px;
}

#content-center ul li small,
#content-right ul li small
{
	font-size: 12px;
	line-height: 18px;
}

#content-center ul.small li,
#content-right ul.small li
{
	font-size: 12px;
	line-height: 18px;
}

.downloadBox
{
	margin-bottom: 30px;
	padding: 15px 20px 15px 60px;

	background-color: #EAFFFF;
	background-image: url(images/icon32/download.gif);
	background-position: 15px 15px;
	background-repeat: no-repeat;
	border: 3px solid #C0E9FE;	
}

.downloadBox strong,
.downloadBox small
{
	display: block;
}

.downloadBox strong
{
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

.downloadBox small
{
	font-size: 10px;
	line-height: 17px;
	color: #999999;
}

.formulaBox
{
	margin-bottom: 30px;
	padding: 15px 20px 15px 20px;

	background-color: #F9F9F9;
	border: 3px solid #CCCCCC;
	
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

pre.cmdp
{
	font-family: monospace;

	margin-bottom: 30px;
	padding: 10px;
	
	background-color: #333333;
	
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

.glossaryBox
{
	float: left;
	width: 375px;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.glossaryBox small
{
	margin-left: 10px;
}

.releaseinfoBox
{
	margin: -10px -10px 20px -10px;
	padding: 10px;
	
	background-color: #FBFFF4;
	border: 1px solid #EFF3E4;
}

.url
{
	color: green;
}

.code-class,
.code-func
{
	padding: 2px 5px;
	margin: 0px 5px;
	
	font-family: "Courier New", Courier, mono;
}

.code-class
{
	background-color: #EEEEEE;
}

a.nextlink
{
	padding: 6px 15px;
	margin: 0px 10px 0px 0px;
	
	background-color: #006699;
	
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Home */

#home-titlearea
{
}

#home-titlearea-left
{
	float: left;
	width: 320px;
	margin-right: 30px;
}

#home-titlearea-right
{
	float: left;
	width: 610px;
}

#home-titlearea-right p
{
	margin-bottom: 20px;
	
	font-size: 12px;
	line-height: 18px;
}

#home-titlearea-right a.downloadlink
{
	padding: 8px 13px;
	margin: 0px 10px 0px 0px;
	
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#home-titlearea-right a.downloadlink:link,
#home-titlearea-right a.downloadlink:visited
{
	background-color: #006699;
}

#home-titlearea-right a.downloadlink:hover
{
	background-color: #555555:
}

#home-titlearea-clearfix
{
	clear: left;
}

.universe_out
{
	background-color: #DFE3FF;
	color: #3F61FF;
	text-align: center;
}

.universe_in
{
	background-color: #FFDFDF;
	color: #FF591F;
	text-align: center;
}