/*****************************************************************************
 									body
 *****************************************************************************/
body {font-family: verdana, arial, sans-serif; margin:0px;font-size: small; color: #000;}
#out_line{text-align: left;}
A:link	{ text-decoration: underline; color: #0033FF;}
A:visited	{ text-decoration: underline; }
A:active	{  text-decoration: underline; }
A:hover	{ text-decoration: underline; }


/*****************************************************************************
                               top titile
.toptitle{position: absolute; top:0px; left:220pxpx; padding-left:10px;
width:900px; color:#ffffff; font-size:small; background-color:#00ccff;}
 *****************************************************************************/
.toptitle{position: absolute; top:0px; left:220pxpx; padding-left:10px;
width:640px; color:#ffffff; font-size:small; background-color:#00ccff;}

/*****************************************************************************
                              top 4picture  menu
 *****************************************************************************/
.schoolblog{position: absolute; top:42px; left:220px;}
.whtalk{position: absolute; top:42px; left:320px;}
.whtalk2{position: absolute; top:42px; left:420px;}
.whtalk3{position: absolute; top:42px; left:520px;}
.whtalk4{position: absolute; top:42px; left:620px;}

/*****************************************************************************
						contents block=center blog article
 *****************************************************************************/
.contents {margin-left:220px; width: 500px;}


/*****************************************************************************
                                  right navi
 *****************************************************************************/
.border{margin: 5px; padding: 0 0 5px; border:solid 1px; border-color:#00ccff;}

.rightmenu{position:absolute; top:0px; left:732px;width:130px; color: #000000; font-size:small; 
text-align:center;} 

.adtitle{font size:medium; color:#ffffff; background-color:#00ccff; font-weight:bold; height:20px;
 margin-bottom:5px; text-align:center; padding-top:5px;}
/*****************************************************************************
                                  right navi2
 *****************************************************************************/ 
 .rightmenu2{position:absolute; top:0px; left:732px;width:130px; color: #000000; font-size:small; 
text-align:center;} 
/*****************************************************************************
                              rghttopads
 *****************************************************************************/
.rghttopads{background:url(ramen.jpg);background-repeat:no-repeat; height:79px; width: 100px; 
}
.rghttopads02{background:url(yakiniku.jpg);background-repeat:no-repeat; height:79px; width: 100px; 
border: 2px solid blue;}
.rghttopads03{background:url(steak.jpg);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
.rghttopads04{background:url(biz.jpg);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
.rghttopads05{background:url(surfgirl.jpg);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
.rghttopads06{background:url(perm.jpg);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
.rghttopads07{background:url(bondi.jpg);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
.rghttopads08{background:url(email.gif);background-repeat:no-repeat; height:75px; width: 100px; 
border: 2px solid blue;}
/*****************************************************************************
                                 far-right navi
.farrightmenu{position:absolute;top:20px; left:870px;width:350px; color: #000000; font-size:small; 
text-align:left; background-color:#00ccff;}
 *****************************************************************************/
.farrightmenu{position:absolute;top:25px; left:732px;width:350px; color: #000000; font-size:small; 
text-align:left;}

/*****************************************************************************
                                    left navi
 *****************************************************************************/
.menu {position: absolute; top:0px; left: 0px; width:210px; color: #777; font-size:
 small;}
.menu h2 {font-size:small;background-color:#00ccff; border: 1px solid #cccccc; color:#ffffff; 
text-align:center;}
.rightmenu h2 {font-size: small; background-color:#00ccff; border: 1px solid #cccccc; 
color:#ffffff; text-align:center;}


/*****************************************************************************
					 nucleus logo, currently  display:none;
 *****************************************************************************/
.logo {position: absolute; display:none; top: 20px; left: 20px; }


/*****************************************************************************
									h1,hr
 *****************************************************************************/
h1 {text-align: center; font-size:large; color:#003399; margin-top:50px;}
hr{width:100px; size:1px;}
hr.main{width:500px; size:1px;color:#FFB062;}
/*****************************************************************************
 							date bar definition
 *****************************************************************************/
.contents h2 {background-color: #00ccff; border: 1px solid #cccccc; color:#ffffff; 
padding: 3px; font-size: small; margin-top: 0px; }


/*****************************************************************************
 definition of blog title, each item title located in center of the blog
 	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
 *****************************************************************************/
h3{line-height: 160%;}
h3.item {font-size: 14px;padding-left:30px; margin-top:10px; background-image:url(titlebar.gif); 
background-repeat:no-repeat; height:30px; width: 500px; }
.itembody {	margin-top: 0px; margin-bottom: 0px;padding-left: 29px; padding-right: 20px;line-height:120%;}
.iteminfo {font-size: x-small;  text-align:right;}
.iteminfo a {font-size: x-small;  text-align:right;}


/*****************************************************************************
 							definition of commnet title
 *****************************************************************************/
h3.comment {font-size: medium; margin-bottom: 10px;}
.commentbody {font-size: medium;text-align:justify;line-height:190%;text-decoration:none;
border-bottom:1px black dotted;  }
.commentinfo {font-size: x-small; color: gray; }
.commentform{margin-left:50px;}


/*****************************************************************************
 							definition of image, float image
 							img {border: 2px solid blue;}
 *****************************************************************************/
	img {border:none;}
.leftbox, .rightbox {padding-right: 20px; font-size: small; width: 460px;}
.leftbox {float: left; width:100px;}
.rightbox {float: right; width:100px;}


/*****************************************************************************
					elements having class="skip" are not shown
 *****************************************************************************/
.skip {display: none;}


/*****************************************************************************
	item lists using <ul class="nobullets"> have no list-item bullets
 *****************************************************************************/
ul.nobullets {list-style: none; margin-left: 0px; padding-left: 5px;}
/*ul.favs {list-style-image : url(favs.gif) ; margin-left: 0px; padding-left: 18px;}*/
ul.arrow{list-style-image : url(arrow.gif) ; margin-left: 0px; padding-left: 18px;}
ul.barrow{list-style-image : url(barrow.gif) ; margin-left: 0px; padding-left: 18px;
line-height:120%;}


ul.znmcl_ul {list-style-image : url(http://www.go-ryugaku.net/weblog/skins/grey/cimg/c.gif) ; margin-left: 0px; padding-left: 25px;}

/*****************************************************************************
hightlight is used with search tool. it highlights the word searched
 *****************************************************************************/
.highlight {background-color: yellow;}


/*****************************************************************************
 									calender definition
 *****************************************************************************/
table.calendar {font-size: 10px; background-color: #ffffff; margin-left:0px;}
tr.calendardateheaders {font-weight: bold; font-family: Verdana, sans-serif;
background-color: #ffffff;}
table.calendar td { text-align: center; background-color: #ffffff; }
.calendar{margin-bottom:7px;}

/*****************************************************************************
 								links definition
 *****************************************************************************/
A.mylinks{text-decoration: none;list-style: none; margin-left: 0px; padding-left: 5px;}