/*** Common ***/

body { font-size: 12px; padding: 0px; margin: 0px; font-family: 'Meiryo UI', Meiryo, 'MS PGothic', 'Segoe UI', Tahoma, Helvetica, Sans-Serif; text-align: left;}
table		{font-size: 12px;}
img			{border: 0px;}
h1			{text-decoration: none; color: #fff; background-color: #333; padding-left: 4px;}
h1 a:link	{text-decoration: none; color: #fff;}
h1 a:active	{text-decoration: none; color: #fff;}
h1 a:visited{text-decoration: none; color: #fff;}
h1 a:hover	{text-decoration: none; color: #fff; background-color: #333;}
h2			{border-left: solid 5px #68892f; padding-left: 8px; color: #68892f; margin-top: 32px;}
h3			{color: #68892f; margin-top: 22px;}
p			{line-height: 160%;}
.del		{text-decoration: line-through;}
a:link		{color: Green;}
a:active	{color: Green;}
a:visited	{color: #040;}
a:hover		{text-decoration: none; background-color: #f7f9b3;}

a.ext			{color: Gray;}
a:visited.ext	{color: #999;}
a:hover.ext		{text-decoration: none; background-color: #ddd;}

/*** Layout ***/

div#top {padding: 0px; width: 100%;  margin: 0px; clear: both; }
div#body {padding: 0px; width: 100%;  margin: 0px; clear: both; position: relative; }
div#footer {padding: 0px; width: 100%;  margin: 0px; clear: both; }

div#lbody	{ float: left; padding: 0px; width: 170px; margin: 0px; background-color: #fff; }
div#rbody	{ right: 0; top: 0; position: absolute; padding: 0px; width: 170px; margin: 0px; }
div#cbody	{ padding: 0px 180px 0 170px; margin: 0px;}

div#lbody div.white			{margin: 4px;}
div#cbody div.white			{margin: 4px;}
div#rbody div.white			{margin: 4px; margin-bottom: 8px;}
div#body span.del{text-decoration: line-through;}

#menu { display: none; }

/*** top ***/

div#top div#logo {float: left; }
div#top div#search{float: right; margin-right: 10px; }
div#top strong a#title {margin: 4px; font-weight: bold; font-size: 26px; text-decoration: none; color: #c00;}
div#top p#description  {margin: 4px; clear: both; }

/*** footer ***/

div#footer div#copyright{margin: 4px 0px 12px 4px;}

/*** body ***/

div#lbody ul{margin-left: 0px; padding-left: 16px;}
div#lbody ul li.sub{margin-left: 6px; list-style-type: circle;}
div#cbody { font-size: 14px; }
div#cbody pre, div#cbody div.code{
	border: solid 1px #ccc; padding: 4px; font-family: monospace; white-space: pre; font-size: 14px; overflow-x: auto;
	background: #fff;
	background: #fff -webkit-linear-gradient( rgba(225,228,233,0), rgba(225,228,233,0.4));
	background: #fff -moz-linear-gradient( rgba(225,228,233,0), rgba(225,228,233,0.4));
	background: #fff -ms-linear-gradient( rgba(225,228,233,0), rgba(225,228,233,0.4));
	background: #fff -o-linear-gradient( rgba(225,228,233,0), rgba(225,228,233,0.4));
	background: #fff linear-gradient( rgba(225,228,233,0), rgba(225,228,233,0.4));
	background-size: 100% 8px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	box-shadow: inset 0 -1px 0 #fff,0 0 1px rgba(156,165,181,0.6),0 1px 1px rgba(156,165,181,0.5);
	border-radius: 4px;
}
div#cbody pre strong{background-color: #e8e8ce; color: #060;}
div#cbody div.white div.auth {}
div#cbody div.white div.noauth {background-color: #c00;}
div#cbody span.code {background-color: #ccc;}
div.fb-comments { width: 96%; }
div.fb-comments span { width: 100% !important; }
div.fb-comments span iframe { width: 100% !important; }

/*** adjustment for screen size ***/

@media only screen and (max-width: 1024px)
{
	/* move right bar to footer */
	div#rbody {clear: both; position: relative; width: 100%; }
	div#rbody div.white {float: left; min-width: 60px; max-width: 120px; }
	div#cbody {padding-right: 0; }
	div#lbody div.white {float: none; }
	div#lbody ul { display: block; }
}

@media only screen and (max-width: 768px)
{
	/* make left bar to floating menu menu */
	div#cbody {padding-left: 0; }
	div#lbody { float: none; }
	div#lbody { clear: both; }
	#menu { display: block; }
	div#lbody ul { position: absolute; background-color: #fff; z-index: 10; }
	div#lbody ul, #ad { display: none; }
}

@media only screen and (max-width: 480px)
{
}

@media only screen and (max-width: 320px)
{
}