body	{
	color:#000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:x-small;
	background-color:#fff;
	margin:0;
	padding:20px;
}

a	{
	color:#15c;
	text-decoration:none;
}

a:hover	{
	color:#f00;
	text-decoration:underline;
}

h1, h2, h3	{
	font-size:small;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul	{
	margin-left:15px;
	padding-left:0px;
}

blockquote	{
	background-color:#eee;
	margin:0;
	padding:2px 5px 2px 5px;
	border:1px solid #ccc;
}

hr	{
	height:1px;
	padding:0;
	border:0;
	border-bottom:1px solid #ccc;
}

table	{
	border-collapse:collapse;
}

table table	{
	margin-top:10px;
}

thead td	{
	background-color:#eee;
}

td	{
	vertical-align:top;
	padding:2px 5px 2px 5px;
	border:1px solid #ccc;
}

td.center	{
	text-align:center;
}

td.right	{
	text-align:right;
}

img	{
	border:0;
}

img.left	{
	float:left;
	margin:5px 10px 5px 0;
}

img.right	{
	float:right;
	margin:5px 0 5px 10px;
}

input, select, textarea	{
	font-family:"ヒラギノ角ゴ Pro W3",Verdana,sans-serif;
	font-size:small;
}

em	{
	color:#f00;
	font-weight:normal;
	font-style:normal;
}

/*----------------------------------------------------------------------
	structure

	+ wrapper
	|+ container
	||+ banner
	||+ left|center|right (3 panes) or left|center-alternate (2 panes)
	||+ footer
----------------------------------------------------------------------*/

#wrapper	{
/*
	background-color:#15c;
*/
	width:100%;
	max-width:960px;
}

#container	{
/*
	position:relative;
	top:-5px;
	left:-5px;
*/
	overflow:hidden;
	background-color:#fff;
	border:1px solid #58b;
}

#banner	{
	overflow:hidden;
	width:100%;
	clear:both;
}

#left	{
	float:left;
	overflow:hidden;
	width:24%;
}

#center	{	/* for 3 panes */
	float:left;
	overflow:hidden;
	width:50%;
}

#center-alternate	{	/* for 2 panes */
	float:left;
	overflow:hidden;
	width:75%;
}

#right	{
	float:right;
	overflow:hidden;
	width:25%;
}

#footer	{
	color:#666;
	background-color:#dec;
	margin:10px;
	padding:10px;
	border:1px solid #585;
	clear:both;
}

/*----------------------------------------------------------------------
	banner
----------------------------------------------------------------------*/

#banner h1	{
	float:left;
	margin:10px;
}

#nav	{
	margin:10px;
	padding-left:320px;
}

#nav a	{
	color:#585;
}

#nav a:hover	{
	color:#f00;
}

#nav ul	{
	list-style:none;
	margin-left:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dotted #15c;
}

#nav li	{
	display:inline;
	margin-right:1em;
}

#nav form	{
	display:inline;
	margin:0;
	margin-right:1em;
}

#nav input	{
	font-size:x-small;
	border:1px solid #58b;
}

#gallery	{
	background:#000 url(images-site/banner-stop_piracy-blue.jpg) no-repeat top left;
	height:70px;
	margin:10px;
	margin-bottom:0;
	clear:both;
}

/*----------------------------------------------------------------------
	left, right
----------------------------------------------------------------------*/

div.sidebar	{
	line-height:1.6em;
	color:#666;
	margin:10px;
	margin-left:0;
}

#left div.sidebar	{
	margin-left:10px;
}

#right div.sidebar	{
	background-color:#ee8;
	margin-top:0;
	padding:10px;
	border:1px solid #fc3;
}

#right h2.title	{
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#fc3;
	margin:10px 10px 0 0px;
	padding:5px;
	padding-left:10px;
}

div.sidebar h3	{
	font-size:x-small;
	background:url(images-site/bg-sidebar-h2.png) no-repeat bottom right;
	padding:5px 10px 10px 5px;
	clear:both;
}

#right div.sidebar h3	{
	background:none;
	margin-bottom:5px;
	padding:0 0 5px 0;
	border-bottom:1px solid #fc3;
}

#right a	{
	color:#585;
}

#right h2.title a	{
	color:#fff;
}

#right a:hover	{
	color:#f00;
}

div.sidebar ul	{
	line-height:1.8em;
	list-style-image:url(images-site/triangle-right-orange.png);
	margin-top:0;
	margin-bottom:5px;
	margin-right:5px;
	clear:both;
}

div.view-archive	{
	font-size:x-small;
	text-align:right;
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #fc3;
}

/*----------------------------------------------------------------------
	center
----------------------------------------------------------------------*/

#menu	{
	margin:10px 5px 10px 5px;
}

#center h2.title	{
	font-weight:bold;
	background-color:#ffd;
	margin:10px 10px 0 0px;
	padding:5px;
	padding-left:10px;
	border:1px solid #fc3;
	clear:both;
}

#center h2.title a	{
	color:#000;
}

#center h2.title a:hover	{
	color:#f00;
}

div.content	{
	font-size:small;
	line-height:1.6em;
	margin:10px;
	margin-left:0;
	padding:10px;
	border:1px solid #999;
	clear:both;
}

#columns div.content	{
	margin-top:0;
	border:1px solid #fc3;
	border-top:0;
}

div.content h2	{
	font-weight:bold;
	margin-bottom:10px;
	clear:both;
}

div.content h3	{
	font-weight:bold;
	margin-bottom:20px;
	padding:2px;
	padding-left:10px;
	border-left:10px solid #58b;
	border-bottom:1px solid #58b;
	clear:both;
}

p.posted	{
	color:#666;
	font-size:x-small;;
	line-height:1.4em;
	margin:20px 0 20px 0;
	padding-left:20px;
	background:url(images-site/dot-blue.png) no-repeat top left;
	clear:both;
}

#trackbacks, #comments	{
	padding:2px;
	padding-left:10px;
	border:1px solid #58b;
}

@media print	{

	body	{
		font-family:serif;
	}

	#wrapper	{
		background-color:#fff;
	}

	#container	{
		position:static;
		overflow:visible;
		border:0;
	}

	#banner, #left, #right, #footer	{
		display:none;
	}

	#main, #center, #center-alternate	{
		float:none;
		overflow:visible;
		width:auto;
	}

}