/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* end of YUI reset.css */

/*
 * yuga.js ドキュメントページ用 CSS
 *
 * Copyright (c) 2008 Kyosuke Nakamura (kyosuke.jp)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Since:     2008-12-24
 * Modified:  2008-12-24
 */


body{
	font-size:12px;
	_font-size:75%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.5;
}
p{
	margin-bottom:0.5em;
}
strong{
	font-weight:bold;
	color:#f00;
}
pre{
	margin:0.5em 0;
	border:1px solid #ccc;
	padding:0.5em;
	background-color:#f8f8f8;
	font-size:0.83333em;
	overflow:auto;
}

/* clearfix */

.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* structure */

#wrapper{
	width: 780px;
	margin:0 auto;
}
#download {
	text-align:center;
}

#main {
	width:220px;
	float:left;
}
#contents {
	width: 540px;
	float:right;
	padding-bottom:3em;
}

/* heading */

#main h1{
	margin:2em 0;
	text-align:center;
}

#contents h2{
	background-color:#3c3;
	color:#fff;
	padding:0.5em;
	margin:2em 0 1em;
	text-shadow:1px 1px 1px #696;
	font-weight:bold;
}

#license h2,
#about h2,
#author h2,
#contents h3{
	padding:0.5em;
	margin:2em 0 1em;
	border-top:3px solid #3c3;
	background-color:#f8f8f8;
	border-bottom:1px solid #ccc;
	text-shadow:1px 1px 1px #ddd;
	box-shadow: 1px 1px 3px #ddd;
	-moz-box-shadow: 1px 1px 3px #ddd;
	-webkit-box-shadow: 1px 1px 3px #ddd;
}


#contents h4{
	padding:0.5em;
	margin:0.5em 0;
	background-color:#f8f8f8;
	border-bottom:1px solid #ddd;
	text-shadow:1px 1px 0 #fff;
}
#contents h5{
	background-color:#f8f8f8;
	padding:0.25em 0.5em;
	margin:1em 0 0.5em;
}



/* list */


#install ol,
#install ol li{
	list-style-type: decimal; 
}
#install ol{
	padding-left:2em;
}
#install ol li{
	margin-bottom:0.5em;
}

.linklist01{
	border-bottom:1px solid #ccc;
}



.linklist01 > li{
	padding:0.5em 0.5em 0.5em 1.5em;
	border-top:1px solid #ccc;
}

.linklist01 > li.even{
	background-color:#f8f8f8;
}

.linklist01 li ul li{
	padding:0.5em 0.5em 0.5em 1em;
}
.linklist01 li ul{
	margin:0.5em 0 0 0;
}


.samplelist01 li.odd{
	background-color:#ffdddd;
}
.samplelist01 li.even{
	background-color:#ddddff;
}

.samplelist02 li.firstChild{
	background-color:#ffdddd;
}
.samplelist02 li.lastChild{
	background-color:#ddddff;
}

.samplelist03 li.empty{
	background-color:#ffdddd;
	height:1.5em;
}



/* table */
.datatable01{
	border-collapse:separate;
	font-size:0.83333em;
}
.datatable01 th{
	border-bottom:2px solid #3c3;
	color:#090;
	padding:0.5em;
	font-weight:bold;
}
.datatable01 td{
	padding:0.5em;
	border-bottom:1px solid #cec;
}

.sampletable01{
	border:1px solid #ccc;
}
.sampletable01 th,
.sampletable01 td{
	padding:0.5em;
	border:1px solid #ccc;
}
.sampletable01 tr.odd{
	background-color:#ffdddd;
}
.sampletable01 tr.even{
	background-color:#ddddff;
}

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:1em;
}