/* CSS Document */

body {
	margin: 0px;
	background: #ccc;
	background-image: url("img/bkg_01.gif");
	font-family: Verdana, sans-serif;
	font-size: x-small; /* IE5 Win */
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

blockquote {
 font-size:95%;
 border:1px dotted #999;
 padding:8px;
 line-height:138%;
}

#layoutall {
	background: #eee;
	width: 760px;
	margin: auto;
	margin-bottom: 10px;
	border-left:1px solid #666666;	
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}



/* ---( YellowOcean logo )------------------------------- */

#logo {
	background: #fff ;
	text-align: right;
	border-top: 3px solid #ffcc66;
	height: 80px;
	padding-top: 25px;
	padding-right: 20px;
}

	
/* navigation */

#nav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 80%;
	background: #fff url("img/navi_bg1.gif") repeat-x bottom left;
	border-bottom:1px solid #ddd;
	}
	
#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}
#nav a {
	float: left;
	padding: 6px 10px 6px 25px;
	text-decoration: none;
	color: #666;
	background: url(../img/t-pub.gif) no-repeat 10px 55%;
	}
#navi-home a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-about a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-projects a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-mag a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-join a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-contact a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-link a {
	background-image: url(/img/icon_navi.gif);
	}
#navi-en a {
	background-image: url(/img/icon_navi.gif);
	}

#nav a:hover {
	color: #000;
	background-image: url(/img/icon_navi_a.gif);
	background-color: #ffffff;
	}
#nav a.active {
	font-weight: bold;
　　　　color: #000;
	background-color: #ffffff;
	}

/* content */

#content {
	width:66%;
	padding:20px 10px 5px 10px;
	border-right:1px solid #ddd;
	background:#fff;
	float:left;
}

/* links */

#links {	
	float:right;
	padding:20px 5px 5px 8px;				
	width:29%;
}


/* blog */
		
.blog {
	padding:0px;
	background:#FFF; 

}

.blogbody	{
	color: #383636;
	padding-top: 0px;
	font-size: small;
	font-family:"Lucida Sans Unicode","Lucida Grande","ＭＳ Ｐゴシック","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	background: #fff;
	line-height:170%;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited	{
	border-bottom: 1px dotted #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #383636;
}

.blogbody a:active,
.blogbody a:hover	{
	border-bottom: 1px dashed #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
}
	
					
.title	{
	font-family: verdana,"Lucida Grande","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
	font-size: 100%;
	padding-bottom: 2px;
	color: #999933;
}			

.trackback-post a,
.trackback-post a:link,
.trackback-post a:visited	{
	border-bottom: 1px dotted #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #383636;
}

.trackback-post a:active,
.trackback-post a:hover	{
	border-bottom: 1px dashed #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
}
	


.category { 
	font-family:"Lucida Grande",verdana, arial, sans-serif; 
	font-size: x-small;
	color: #999999;
	text-align:left; 
}

.date{ 
	font-family: Verdana, sans-serif;
	text-align: left; 
	font-size: medium; 
	color: #ffb300; 
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-weight:bold;

}			


.extended{
          margin: 0px 0px 15px 0px;
          text-size: 90%;
          text-align: right;
}	
	
.posted	{ 
	font-family:verdana, arial, sans-serif; 
	font-size: x-small;
	color: #999999;
	border-bottom: 1px dotted #ccc;
	margin-top:15px;
	margin-bottom:30px; 
}

.posted A { color: #999999; text-decoration: none; font-weight:bold; border: none;} 
.posted A:link { color: #999999; text-decoration: none; border: none;} 
.posted A:visited { color: #999999; text-decoration: none; border: none;} 
.posted A:hover { color: #ffb300;  border: none;}

.calendar {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	padding:2px;
	text-align:left;
}
	
.calendarhead {	
	font-family:palatino, georgia, times new roman, serif;
	color:#666600;
	font-size:small;
	font-weight:normal;
	padding:2px;
	letter-spacing: .3em;
	background:#FFF;
	text-transform:uppercase;
	text-align:left;			
}	

.sidepro {
	font-family:"Lucida Grande",verdana, arial, sans-serif; 
	border:none;
	font-size:x-small;
	background:#eee;
	line-height:140%;
	padding:2px;				
}	
.side {
	font-family:"Lucida Grande",verdana, arial, sans-serif; 
	color:#383636;
	font-size:x-small;
	background:#eee;
	line-height:140%;
	padding:2px;				
}	

.side A { color: #383636; text-decoration: none; border: none;} 
.side A:link { color: #383636; text-decoration: none; border: none;} 
.side A:visited { color: #383636; text-decoration: none; border: none;} 
.side A:hover { color: #ffb300;  border-bottom: 1px solid #000;}

.sidesearch {
	font-family:"Lucida Grande",verdana, arial, sans-serif; 
	color:#383636;
	font-size:x-small;
	background:#eee;
	padding:2px;				
	margin-top: 0px;				
}	
	
.sidetitle {
	font-family: "Lucida Sans Unicode","Lucida Grande","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;

	color:#999933;
	font-size:small;
	font-weight:bold;
	padding:2px;
	margin-top:30px;
	background:#eee;
	text-transform:lowercase;		
}		
	
.syndicate {
	font-family:verdana, arial, sans-serif;
	font-size:xx-small;		
	line-height:140%;
	padding:2px;
	margin-top:15px;
	background:#eee;  		
}	
		
.powered {
	margin-top: 30px;
	font-family: verdana;
	text-align: left;
	color: #666;
	font-size: 9px;		
	}	
		
	
.button{
	margin-top: 3px;
	border: 0px;
}
                     

.comments-body {
	color: #666666;
	padding-top: 0px;
	font-size: small;
	font-family: "Lucida Sans Unicode","Lucida Grande","ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	background: #fff;
	line-height:170%;
}

.comments-body a,
.comments-body a:link,
.comments-body a:visited	{
	border-bottom: 1px solid #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}

.comments-body a:active,
.comments-body a:hover	{
	border-bottom: 1px dashed #ff6500;
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
}

.comments-post {
	font-family:verdana, arial, sans-serif;
	color:#999999;
	font-size:x-small;
	font-weight:normal;
	background:#FFF;		
}	
			
	
.trackback-url {
	font-family:palatino, georgia, verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	padding:5px;		
	border:1px dotted #999; 					
}


.trackback-body {
	font-family:palatino, georgia, verdana, arial, sans-serif;
	color:#666;
	font-size:small;
	font-weight:normal;
	background:#FFF;
	line-height:140%;
	padding-bottom:10px;
	padding-top:10px;		
	border-bottom:1px dotted #999; 					
}		

.trackback-post {
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:normal;
	background:#FFF;		
}	
		
.comments-head	{ 
	font-family:palatino, georgia, verdana, arial, sans-serif; 
	font-size:small; 
	color: #666; 
	border-bottom:1px solid #999;
	margin-top:20px;
	font-weight:bold;
		
}		

#banner-commentspop {
	background: #ffffff;
	width: 430px;
	height: 100%;
	margin: auto;
	border-left:1px solid #666666;	
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}

.banner-popup {
	margin:10px;
}

input, textarea {
	font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", verdana, arial, sans-serif;
}

.noticetitle {color: #FF0000; font-weight:bold;}

.notice {
	border: 1px dashed #FF0000;
	font-size: x-small;
	padding: 4px;
	margin-bottom: 5px; 
	}

.pagelink {
	color: #666666;
	padding-top: 0px;
	font-size: 90%;
	font-family: "Lucida Sans Unicode","Lucida Grande","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka,"Trebuchet MS", verdana, arial, sans-serif;
	font-weight: normal;
	background: #fff;
	line-height:170%;
}

.pagelink a,
.pagelink a:link,
.pagelink a:visited	{
	font-weight: normal;
	text-decoration: none;
	color: #666666;
}

.pagelink a:active,
.pagelink a:hover	{
	font-weight: normal;
	text-decoration: none;
	color: #ff6500;
}

.topphoto {
margin-left: 5px;
}

#menu {
	text-align: left; 
	font-size: x-small; 
	color: #ffb300;
}

#menu A { color: #ffb300; text-decoration: none; font-weight:nomal; border: none;} 
#menu A: { color: #ffb300; text-decoration: none; font-weight:nomal; border: none;} 
#menu A:visited { color: #ffb300; text-decoration: none; font-weight:nomal; border: none;}
#menu A:hover { color: #ffb300; text-decoration: none; font-weight:bold; border: none;} 

img.r {
		float: right;
		margin-right:4px;
		margin-top:4px;
                border: 1px outset #999999;
                padding: 5px 5px 5px 5px; 
                background-color: #F7FFF3;

		vertical-align:top;
	}
	img.l {
		float: left;
		margin-right:4px;
		margin-top:4px;
                border: 1px outset #999999;
                padding: 5px 5px 5px 5px; 
                background-color: #F7FFF3;
		vertical-align:top;


ul {margin-top:0px; margin-left: 0px; padding-left: 0px; list-style-position: inside; list-style-image: url("img/arrow.gif"); 

}

.sidelist {margin-top:0px; margin-left: 0px; padding-left: 0px; list-style-image: url("img/arrow.gif"); 
}

.field {
 background-color: #ffffff;
 border: 1px solid #cccccc;
}

.pro {
	font-family:"Lucida Grande",verdana, arial, sans-serif; 
	border:none;
	font-size:x-small;
	background:#ffffff;
	padding:2px;
}