/* Based on */
/* Copyright 2005. All Rights Reserved - TJKDesign | Thierry Koblentz */
/* Modified by */
/* Kokogiko Nene (OHTSUKA Ko-hei) May 7th, 2005 */
body {background-color:#33b3b3}
img {border:0}

/* For Layout */

#outer_wrapper 
{
 background : url("http://kokogiko.net/img/gico_green.gif");
 color            : #003366;
 background-color : #c6ffe8;
 border: 1px solid #000000;
 min-width:740px;
 width:100%;
 padding: 0px;
}
#wrapper {}
#header 
{
 background-color: #008080;
 color: #ffa500;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-weight: bold;
 font-size:30px;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-top: 5px;
}
#container 
{
 width:100%;
 float:left;
 display:inline;
 margin-left:-185px;
}
#container2
{
 width:100%;
 float:right;
 display:inline;
 margin-right:-355px;
 margin-left:-400px;
}
#main 
{
 width:auto;
 border-left:1px solid #e5e5e5;
 border-right:1px solid #e5e5e5;
 margin-right:355px;
 margin-top: 5px;
 padding: 0px 5px 0px 5px;
}
#left 
{
 width:160px;
 margin-left:185px;
 margin-right: 10px;
 padding-left: 5px;
}
#right
{
 padding-left:100%;
 margin-left:-180px;
}
#footer 
{
 clear:both;
 padding:5px;
}
.clearing 
{
 height:0px;
 clear:both;
}

/* For Decoration */

#selector ul {
	list-style: none;
	padding:0px;
	margin:0px;
}

#selector li {
	float: left;
	color: #666;
}

#selector ul a {
	display: block;
	font: normal normal normal 100%/1.5  verdana ,arial ,sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #616b18;
	background-color:#ccff99;
	text-decoration: none;
	text-align:center;

	padding: 1px 18px;
	margin: 1px; 2px;
}

#selector ul a.selected {
	color: #fff;
	background-color:#578a24;
}

#selector ul li a:hover { 
	color: #fff;
	background-color:#578a24; 
}

h1, h2, .date
{
 font-family: verdana, arial, helvetica, Sans-Serif;
 color: #cc3300;
 background-color: #33b3b3;
 padding: 0.3em;
 margin: 1px;
 margin-bottom: 5px;
 font-size:11pt;  
 font-weight:bold;
}
h3, .title
{
 border-bottom:  3px solid #33b3b3;
 border-top:     1px solid #33b3b3;
 border-left:   10px solid #33b3b3;
 border-right:   5px solid #33b3b3;
 color:black;
 background-color: #dedede;
 padding: 0.2em;
 padding-left: 0.4em;
 margin: 1px;
 margin-bottom: 3px;
 font-family: verdana, arial, helvetica, Sans-Serif;
 font-size:10pt;  
 font-weight:bold;
}
h4, .sidetitle
{
 border-left:   18px solid #33b3b3;;
 background-color: #dedede;
 padding: 0.1em;
 padding-left: 0.4em;
 margin: 1px;
 margin-bottom: 1px;
 font-family: verdana, arial, helvetica, Sans-Serif;
 font-weight: bold;
}

h5, h6
{
 font-family: verdana, arial, helvetica, Sans-Serif;
 background-color: #33b3b3;
 padding: .3em;
}
.blog {
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 color: #000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size:10pt;
 font-weight:normal;
 line-height:130%;
}
#menu {
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.9em;
 font-weight: normal;
 padding: 0.5px;
 text-align:center;
}
.posted {
 background: none;
 color:#000000;
 font-family:'Trebuchet MS', verdana ,arial ,sans-serif;
 font-size: 0.8em;
 font-weight:normal;
}
.blogbody {
 background: none;
 color: #000000;
 font-weight:normal;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size:10pt;
 line-height:130%;
 margin-bottom:0.5em;
 padding: 0.5em;
}
.comments-head	{
 border-bottom: 1px solid #000000;
 color: #000000; 
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-weight:bold;
}
.comments-body {
 background: none;
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
 line-height:1.5em;
 margin:0.5em;
 padding:0.5em;
}

.comments-post {
 background: none;
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
}
.calendar {
 color: #000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size:0.8em;
 font-weight:normal;
 margin-bottom:5px;
 text-align:center;
}
.calendarhead {
 background: none;
 border-bottom: 1px solid #000000;
 color: #000000;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-size:1.1em;
 font-weight: bold;
 padding: 0em 0em 0em 0.5em;
}
.wikiside i
{
 font-weight:bold;
 font-size:1.2em;
 color:#cc3300;
}

.side,.wikiside p,.wikiside ul {
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
 line-height:1.5em;
 margin-bottom:0.5em;
 padding:0.5em;
}
.extended {
 color:#000000;
 display:block;
 float:right;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-size:1em;
 font-style:normal;
}
.syndicate {
 color:#000000;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
 line-height:1.5em;
 text-align: center;
}

.powered {
 color:#000000;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
 line-height:1.5em;
 text-align: center;
}

/* ¥ê¥ó¥¯´ØÏ¢ */

a:link           
{
 color: #215dc6;
 text-decoration: none;
}
a:link:hover     
{
 background: #CCDDEE;
 color: #215dc6;
 text-decoration: underline;
}
a:link:active    
{
 background: #ccddee;
 color: #215dc6;
 text-decoration: none;
}
a:visited        
{
 color: #215dc6;
 text-decoration: none;
}
a:visited:hover  
{
 background: #CCDDEE;
 color: #215dc6;
 text-decoration: underline;
}
a:visited:active 
{
 background: #ccddee;
 color: #215dc6;
 text-decoration: none;
}

#header a
{
 color:#ffa500;
}

.description 
{
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
}

/* ¥Ý¥Ã¥×¥¢¥Ã¥×´ØÏ¢ */

#popbox 
{
 background: #FFFFFF;
 border: 1px solid #000000;
 margin-bottom: 15px;
 margin-left:auto;
 margin-right:auto;
 margin-top: 15px;
 padding: 5px;
// width: 90%;
}

#banner-commentspop 
{
 background-color: #000000;
 color: #FFFFFF;
 font-family: "Trebuchet MS", verdana, arial, sans-serif;
 font-weight: bold;
 margin-bottom: 1em;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-top: 5px;
}


.trackback-url 
{
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-weight:normal;
 border:1px dotted #000000;
 padding:5px;
 background:#FFF;
 line-height:140%;
}

.trackback-body 
{
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size:0.9em;
 font-weight:normal;
 line-height:1.5em;
 margin-top: 5px;
 background:#CCCCCC;
 padding: 5px;
}		

.trackback-post 
{
 color:#000000;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î´Ý¥´ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
 font-size:0.8em;
 font-weight:normal;
 padding: 5px;
}

/* Mac IE ¥Æ¥­¥¹¥È¥¨¥ê¥¢Ê¸»ú²½¤±ÂÐºö */

select,input,textarea 
{
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
}

/*styles for RSS Feed : ZOO!*/

.rss_box {/*Á´ÂÎ¤ò°Ï¤¦Í×ÁÇ*/
     margin: 5px;
     padding: 0px;
     width: 155px;
     background-color: #fafafa;
     border: 1px dashed #7485CA;
}

.rss_title {/*¥µ¥¤¥È¤Î¥¿¥¤¥È¥ë*/
    background-color: #b0e0e6;
    font: normal normal bold 90%/1.0 verdana , arial, sans-serif, "Osaka";
    margin: 0px;
    padding: 0px 1px;
}
.rss_title a {
    background-color: transparent;
    font: normal normal bold 100%/1.0 verdana , arial, sans-serif, "Osaka";
    margin: 1px;
}
.rss_desc {/*¥µ¥¤¥È¤Î³µÍ×*/
    font: normal normal normal 90%/1.0 verdana , arial, sans-serif, "Osaka";
    margin: 5px 0;
    padding: 0px 2px;
    letter-spacing: 1px;
}
.rss_items {/*µ­»öÁ´ÂÎ¤ò°Ï¤¦Í×ÁÇ*/
    margin: 3px;
    padding: 0px;
}

.rss_item  {/*¸ÄÊÌ¤Îµ­»ö¤ò°Ï¤¦Í×ÁÇ*/
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    font-weight : bold;
    margin: 8px 0;
    list-style-type: none;
}

.rss_item a:link,
.rss_item a:visited,
.rss_item a:active {
    text-decoration: none;
    border-bottom: 1px solid #ededed;
    color: #88b;
}

.rss_item a:hover {
    text-decoration: none;
    color: #e0861e;
    border-bottom: 1px dotted #e0861e;
}

.rss_date {/*ÆüÉÕ*/
    font-size: 11px;
    font-weight: normal;
    color: #F60;
}

.rss_itemdesc {/*µ­»ö¤Î³µÍ×*/
    padding-left: 5px;
    font: normal normal normal 90%/1.0 verdana , arial, sans-serif, "Osaka";
}

.synComment
	{

	color:				rgb(  0,   0, 255);
	background:			transparent;

	}

.synConstant
	{

	color:				rgb(255,   0, 255);
	background:			transparent;

	}

.synIdentifier
	{

	color:				rgb(  0, 139, 139);
	background:			transparent;

	}

.synStatement
	{

	color:				rgb(165,  42,  42);
	background:			transparent;

	font-weight:			bold;

	}

.synPreProc
	{

	color:				rgb(160,  32, 240);
	background:			transparent;

	}

.synType
	{

	color:				rgb( 46, 139,  87);
	background:			transparent;

	font-weight:			bold;

	}

.synSpecial
	{

	color:				rgb(106,  90, 205);
	background:			transparent;

	}

.synUnderlined
	{

	text-decoration:		underline;

	}

.synError
	{

	color:				rgb(255, 255, 255);
	background:			rgb(255,   0,   0);

	}

.synTodo
	{

	color:				rgb(  0,   0, 255);
	background:			rgb(255, 255,   0);

	}

/**** Inline STYLE-tag style sheet ****/

<!--
/* @import url(css/import.css); */
-->