html,body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	align: center;
	color:#333333;
//    scrollbar-arrow-color:#304798;
//    scrollbar-face-color:#FFFFFF;
//    scrollbar-3dlight-color:#304798;
//   scrollbar-shadow-color:#FFFFFF;
//    scrollbar-darkshadow-color:#304798;
//	overflow-x: hidden;
}
.scr {
  overflow: auto;   /* スクロール表示 */ 
  width:  175px;
  height: 450px;
//  background-color: white;
}
.middle a { 
    color: #304798;
	text-decoration: underline;
}

.middle a:hover { 
    color: #FFFFFF; 
	background-color:#304798;
}

a.red { 
    color: #CC0000;
	text-decoration: underline;
}

a.red:hover { 
    color: #FFFFFF; 
	background-color:#CC0000;
}

.blue-txt { 
    color: #304798;
}

.xxlarge { 
    font-size:large;
    font-weight:bolder;
}

a.blue { 
    color: #304798;
	text-decoration: underline;
}

a.blue:hover { 
    color: #FFFFFF; 
	background-color:#304798;
}

a.white { 
    color: #FFFFFF;
	text-decoration: underline;
}

a.white:hover { 
    color: #4CB770; 
	background-color:#FFFFFF;
}

.main-bg { 
	background-image: url(../top_imgs/main.jpg);
}


.main-bg2 { 
	background-image: url(../top_imgs/main2.jpg);
}


.main-bgInfo { 
	background-image: url(../top_imgs/main_info.jpg);
	font-size:12px;
	line-height:150%;
}


.red-waku { 
	background-image: url(../top_imgs/red_bg.gif);
	padding: 0px 10px 0px 10px;
	color: #CC0000;
	font-size: 10px;
	line-height: 150% ;
}

.blue-waku { 
	background-image: url(../top_imgs/blue_bg.gif);
	padding: 0px 10px 0px 10px;
}

.keijiban-waku { 
	background-image: url(../top_imgs/keijiban.gif);
	padding: 0px 10px 0px 10px;
	color: #304798;
	font-size: 10px;
	line-height: 150% ;
}

.footer-bg { 
	background-image: url(../unity/footer_bg.gif);
	padding: 0px 14px 0px 14px;
	color: #697DB7;
	font-size: 10px;
}

.touroku-bg { 
	background-image: url(../top_imgs/touroku_bg.jpg);
}
.aisatsu_body {  font-size: 11pt; line-height: 150%}
.login_body {  font-size: 10pt; line-height: 100%}
.main {  font-size: 12pt; line-height: 100%}
.title-bg { 
	background-image: url(../top_imgs/title1.jpg);
}

.meibo-bg { 
	background-image: url(../top_imgs/meibo_bg.gif);
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 150% ;
}


a { 
	color: #333333; text-decoration: underline
} 

a:hover { 
	color: #cc0000; text-decoration: underline
}




  #bubble_tooltip{
    width:147px;
    position:absolute;
    display:none;
  }
  #bubble_tooltip .bubble_top{
    background-image: url('/php/images/bubble_top.gif');
    background-repeat:no-repeat;
    height:16px;	
	}
	#bubble_tooltip .bubble_middle{
		background-image: url('/php/images/bubble_middle.gif');
		background-repeat:repeat-y;	
		background-position:bottom left;
		padding-left:7px;
		padding-right:7px;
		padding-bottom:2px;
	}
	#bubble_tooltip .bubble_middle span{
		position:relative;
		top:-8px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
	}
	#bubble_tooltip .bubble_bottom{
		background-image: url('/php/images/bubble_bottom.gif');
		background-repeat:no-repeat;
		background-repeat:no-repeat;	
		height:44px;
		position:relative;
		top:-6px;
	}






/*JUITTER PLUGIN CSS
-------------------------------------------*/

#juitterContainer{margin-bottom: 10px} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#FFFF;margin:0;padding:3px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;font-size:12px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:12px;}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{display: block;}
/* */

/*end of Juitter CSS*/