/* -----------------------------------------
Project Name : 
Date: 
Version: 1.0
Description: 
Design:Tetralaf Studio, Tetsu Kondo
----------------------------------------- */

/* 
---------------------------------------------------- */
body {
  	font-size:78%;
    background:#fff;
}



#wrapper{
	position:relative;
	margin:0px;
	width:580px;
}


#container {
	margin:10px;
	position:relative;
	width:100%;
}

#leftcontent {
display:none;
	}
	
#middlecontent{
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	line-height:140%;
	padding:0px 10px 10px 10px;
	}

#rightcontent{
	display:none;
	}


/* navigation area
----------------------------------------- */

#globalnavi{
display:none;
}

	
#function{
display:none;
}	

#specialnavi{
	display:none;
}	

/* header & footer
----------------------------------------- */

#header{
		background-color: #fff;
	}
	
	
#header .headerright{
	margin:0;
	width:100%;
	color:#000;
	height:80px;
	background-color: #fff;
}	

#header h1 img{
	display:none;
}
			
#header .hide{
display:none;
}			


#footerdeco {
	width: 100%;
	text-align: left;
	color:#fff;
	height:10px;
	background-color: #fff;
	margin:0;
	}
	
#footer {
	width: 100%;
	text-align: left;
	font-family:Arial,Helvetica;
	height:20px;
	color:#006396;
	background:url("../img/copyright_footer.gif") no-repeat top right;
	margin:0;
	}

/* basic layout second layer
----------------------------------------- */
	
#leftcontent .layer{
display:none;
	}
	
#middlecontent .layer{
	margin-bottom:10px;
}

#rightcontent .layer{
display:none;
	}



/* link
----------------------------------------- */
a,
a:link,
a:visited,
a:active {
	color: #ff8f3d;
	text-decoration:underline;
}
a:hover {
	color: #fff;
	text-decoration:underline;
	background:#91b55b;
}

a.title,
a.title:link,
a.title:visited,
a.title:active {
	color: #000;
	text-decoration:none;
}
a.title:hover {
	color: #fff;
	text-decoration:none;
}

a.category,
a.category:link,
a.category:visited,
a.category:active {
	color: #ff8f3d;
	text-decoration:none;
}
a.category:hover {
	color: #ff6633;
	text-decoration:none;
}




/* p, h1,h2
----------------------------------------- */	

p {
	padding: 0 10px;
	margin-top: 10px;
	}	
	
h1{
	color: #000;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	padding: 5px 5px;
	margin: 5px 10px 10px 10px;
	background-color: transparent;
	border-bottom:#ffff 1px solid;
	
	}
	
h2{
	color: #336633;
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	background-color: #bfd2a9;
	}
	
	

/*navigation and menu
----------------------------------------- */

#function ul, #function li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	float: right;
	font-size: 90%;
	line-height: 130%;
}

#function li{
	float: left;
	margin-right 1px;
}

#function a,	
#function a:link,
#function a:visited,
#function a:active {
	color: #fff; 
	text-decoration:none;
	background-color:transparent;
	padding: 1px 10px;
	display:block;	
/*\*//*/
	display: inline;
/**/
}

#function a:hover {
	color: #ff8f3d;
	text-decoration:none;
	background-color:transparent;
}

#globalnavi ul, #globalnavi li{
	margin: 0px;
	padding: 0px 0px 0 0;
	list-style:none;
	float: right;
	font-size: 100%;
	line-height: 130%;
}

#globalnavi li{
	float: left;
	margin-right 1px;
}

#globalnavi a,	
#globalnavi a:link,
#globalnavi a:visited,
#globalnavi a:active {
	color: #fff; 
	text-decoration:none;
	background-color:transparent;
	padding: 1px 5px;
	display:block;	
/*\*//*/
	display: inline;
/**/
}

#globalnavi a:hover {
	color: #ff8f3d;
	text-decoration:none;
	background-color:transparent;
}


#menu {
	width:auto;
	height:auto;
	padding:10px 0 0 0;
}

#menu ul,#menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
}

#menu li{
	width: auto;
	height: auto;
}

#menu a,	
#menu a:link,
#menu a:visited,
#menu a:active { 
	text-decoration:none;
	color: #336633;
	background-color:transparent;
	text-align:left;
	padding: 5px 0px 5px 20px;;
	display:block;
}

#menu a:hover {
	color: #fff;
	text-decoration:none;
	background-color:#91b55b;
}

#new li{
	width: auto;
	height: auto;
	color: #ccc;
	list-style:circle;
}

/* journal area modification
----------------------------------------- */

.textright{
	text-align:right;
}


.print{
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	background-color: #ccc;
	}

.postdate{
	font-size:130%;
	line-height:150%;
	color:#62942f;
	font-weight:bold;
	padding-left:10px;
	margin:10px 10px 10px 10px;
	border-left:5px solid #62942f;
}

.category{
	font-weight:bold;
	font-size:100%;
	line-height:150%;
	
}


.title{
	font-weight:bold;
	font-size:120%;
	line-height:150%;
}

.writer{
	font-size:100%;
	line-height:150%;
}

.more{
	font-size:100%;
	line-height:150%;
}

.comment{
	font-size:90%;
	line-height:150%;
	margin:0px 10px 10px 10px;
	border-bottom:1px dotted #999;
}

.picture{
	padding: 0 10px;
	margin-top: 10px;
	text-align:center;
}


hr{
	margin-top:10px;
	margin-bottom:10px;
	border:none;
	border-top:1px solid #bfd2a9;
	_height:1px;
}

/* advertisement and other area
----------------------------------------- */	

#face{
	padding: 0 10px;
	margin-top: 10px;
	text-align:center;
}


#ad{
position:absolute;
width:500px;
height:80px;
top:10px;
right:20px;
background :#fff;
}

#ad2{
position:absolute;
	padding: 0 10px;
	bottom:0px;
	right:20px
	margin-top: 10px;
}