@charset "utf-8";

html,body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	align: center;
	color:#333333;
        font-family: "ＭＳ ゴシック",sans-serif; /* Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; */
}

.scr {
	overflow: auto;   /* スクロール表示 */ 
	width:  175px;
	height: 450px;
	//background-color: white;
}

.middle{ 
	font-size:12px;
}

.small_twit{ 
	font-size:8px;
	font-weight:bold;
}


.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("../img/top/main.jpg");
}


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


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


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

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

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

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

.touroku-bg { 
	background-image: url("../img/top/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("../img/top/title1.jpg");
}

.meibo-bg { 
	background-image: url("../img/top/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('../img/php/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}

#bubble_tooltip .bubble_middle{
	background-image: url('../img/php/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: "ＭＳ ゴシック",sans-serif; /* Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; */
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../img/php/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*/


.attends attendcel th {
    text-align: center;
    
}

.attends table th attendth{
    font-size:8px;

}