@charset "utf-8";
/* CSS Document */

@import url(frame.css);

body{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}

img{
	border			: 0px;
}

form{
	margin			: 0px 0px 0px 0px;
}


/*------------------------------*/
#waku{
	margin			: 0px auto 0px auto;
	padding			: 0px 10px 0px 10px;
	width			: 850px;
	background		: url(../img/back.jpg) repeat-y;
}
/*------------------------------*/
#header{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	background		: url(../img/header.jpg) no-repeat;
}
#header h1{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}
#header a{
	display			: block;
	height			: 116px;
	text-indent		: -8888px;
}
/*------------------------------*/
.of_banner_sub{
	margin			: 3px 0px 0px 0px;
	text-align		: center;
}
/*------------------------------*/
#menu	ul{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 20px 0px;
	background		: url(../img/menu_bottom.jpg) repeat-x bottom right;
}
#smenu	ul{
	margin			: 0px 0px 0px 5px;
	padding			: 0px 0px 0px 0px;
}
#menu	li,
#smenu	li{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	list-style		: none;
}
#menu	a,
#smenu	a{
	display			: block;
	text-indent		: -8888px;
}

#menu	a{	height	: 35px;	}
#menu .menu1{	background:url(../img/menu1.jpg) no-repeat; }
#menu .menu2{	background:url(../img/menu2.jpg) no-repeat; }
#menu .menu3{	background:url(../img/menu3.jpg) no-repeat; }
#menu .menu4{	background:url(../img/menu4.jpg) no-repeat; }
#menu .menu5{	background:url(../img/menu6.jpg) no-repeat; }

#menu .menu1_h{	background:url(../img/menu1_h.jpg) no-repeat; }
#menu .menu2_h{	background:url(../img/menu2_h.jpg) no-repeat; }
#menu .menu3_h{	background:url(../img/menu3_h.jpg) no-repeat; }
#menu .menu4_h{	background:url(../img/menu4_h.jpg) no-repeat; }
#menu .menu5_h{	background:url(../img/menu6_h.jpg) no-repeat; }

#smenu .smenu1 a{ height	: 85px; }
#smenu .smenu2 a{ height	: 85px; }
#smenu .smenu3 a{ height	: 220px; }

#smenu .smenu1{	background:url(../img/smenu1.jpg) no-repeat; }
#smenu .smenu2{	background:url(../img/smenu2.jpg) no-repeat; }
#smenu .smenu3{	background:url(../img/smenu4.jpg) no-repeat; }

.smenu3{
	height:220px;
}

/*------------------------------*/
.sub_list{
	font-size		: 12px;
	margin			: 0px 3px 8px 3px;
	padding			: 0px 0px 5px 0px;
	border			: 1px solid #FFCCFF;
}
.sub_list ul{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
}
.sub_list li{
	margin			: 0px 0px 0px 0px;
	padding			: 2px 0px 0px 0px;
	list-style		: none;
}
.sub_list h2{
	margin			: 0px 0px 0px 0px;
	padding			: 5px 0px 5px 15px;
	border-bottom	: 1px solid #FFCCFF;
	font-size		: 12px;
	font-weight		: normal;
	letter-spacing	: 2px;
	background		: url(../img/sub_list.jpg) no-repeat bottom left;
}
.sub_list .date{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 2px;
	font-size		: 11px;
	color			: #0066FF;
	font-weight		: bold;
}
.sub_list .title{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 6px;
	font-size		: 12px;
}
.sub_list .title a{
	text-decoration	: none;
	display			: block;
	color			: #666666;
}

.sub_list .list_1 a,
.sub_list .list_2 a{
	display			: block;
	text-decoration	: none;
	color			: #000000;
}
.sub_list .list_1,
.sub_list .list_2{
	margin			: 1px 0px 0px 3px;
	padding			: 1px 0px 1px 5px;
}
.sub_list .list_1{
	border-left		: 3px solid #f0f0f0;
	border-bottom	: 1px solid #f0f0f0;
}
.sub_list .list_1:hover{
	background		: url(../img/photo_waku_h4.jpg) repeat-x bottom;
	border-left		: 3px solid #0066FF;
}

.sub_list .list_2{
	background		: url(../img/photo_waku_h4.jpg) repeat-x bottom;
	border-left		: 3px solid #0066FF;
	border-bottom	: 1px solid #0066FF;
}

/*------------------------------*/
.photo_waku_75_100{
	margin			: 0px 2px 0px 2px;
	padding			: 0px 0px 0px 0px;
	border			: 1px solid #666666;
}

.photo_waku_100_75{
	margin			: 0px 0px 0px 0px;
	padding			: 5px 5px 5px 5px;
	background		: url(../img/photo_waku_100_75.jpg) no-repeat;
}
.photo_waku_128_96{
	margin			: 0px 0px 0px 0px;
	padding			: 6px 6px 6px 6px;
	background		: url(../img/photo_waku_128_96.jpg) no-repeat;
}
.photo_waku_200_150{
	margin			: 0px 0px 0px 0px;
	padding			: 7px 7px 7px 7px;
	background		: url(../img/photo_waku_200_150.jpg) no-repeat;
}
.photo_waku_256_192{
	margin			: 0px 0px 0px 0px;
	padding			: 8px 8px 8px 8px;
	background		: url(../img/photo_waku_256_192.jpg) no-repeat;
}
/*------------------------------*/
/*title*/
.school_h3		{	background:url(../img/title/school.jpg) no-repeat;	}
.facilities_h3	{	background:url(../img/title/facilities.jpg) no-repeat;	}
.member_h3		{	background:url(../img/title/member.jpg) no-repeat;	}
.kawara_h3		{	background:url(../img/title/kawara.jpg) no-repeat;	}
.npo_h3			{	background:url(../img/title/npo.jpg) no-repeat;	}
.contact_h3		{	background:url(../img/title/contact.jpg) no-repeat;	}
.sponsor_h3		{	background:url(../img/title/sponsor.jpg) no-repeat;	}
.news_h3		{	background:url(../img/title/news.jpg) no-repeat;	}
.program_h3		{	background:url(../img/title/program.jpg) no-repeat;	}

.school_h3,
.facilities_h3,
.member_h3,
.kawara_h3,
.npo_h3,
.contact_h3,
.sponsor_h3,
.news_h3,
.program_h3{
	margin			: 0px 0px 0px 5px;
	padding			: 0px 0px 0px 0px;
	text-indent		: -8888px;
	height			: 71px;
}


/*title*/
/*------------------------------*/
.top_h4,
.school_h4,
.facilities_h4,
.sponsor_h4,
.member_h4,
.kawara_h4,
.npo_h4,
.news_h4,
.facilities_h5,
.calendar_h5{
	border-top		: 1px solid #F0F0F0;
	border-right	: 1px solid #F0F0F0;
	border-bottom	: 1px solid #F0F0F0;
	letter-spacing	: -1px;
	font-weight		: normal;
	color			: #666666;
	background		: url(../img/photo_waku_h4.jpg) repeat-x bottom;
}
.top_h4{
	margin			: 3px 0px 0px 0px;
	padding			: 1px 0px 1px 3px;
	font-size		: 10px;
	border-left		: 2px solid #0066FF;
}
.school_h4,
.facilities_h4,
.sponsor_h4{
	margin			: 3px 5px 0px 5px;
	padding			: 3px 0px 3px 3px;
	font-size		: 12px;
	border-left		: 3px solid #0066FF;
	text-align		: left;
}
.member_h4,
.kawara_h4,
.npo_h4,
.news_h4,
.facilities_h5{
	margin			: 3px 5px 0px 5px;
	padding			: 3px 0px 3px 6px;
	font-size		: 14px;
	border-left		: 5px solid #0066FF;
	text-align		: left;
}
.calendar_h5{
	margin			: 3px 0px 0px 0px;
	padding			: 1px 0px 1px 3px;
	font-size		: 12px;
	border-left		: 3px solid #0066FF;
	text-align		: left;
}

/*------------------------------*/
#top_flash{
	margin			: 2px 0px 5px 0px;
	padding			: 0px 0px 0px 0px;
	text-align		: center;
}
/*------------------------------*/

.kawara_box .kawara_img{
	border			: 1px dotted #000000;
}

.member_box,
.kawara_box,
.npo_box,
.news_box,
.facilities_box{
	margin			: 0px 5px 20px 5px;
	padding			: 5px 8px 5px 8px;
	border-left		: 1px solid #CCCCCC;
	border-bottom	: 1px solid #CCCCCC;
	border-right	: 1px solid #CCCCCC;
	border-top		: 1px solid #CCCCCC;
	font-size		: small;
	letter-spacing	: 1px;
	line-height		: 20px;
}
.member_box table,
.kawara_box table,
.news_box table{
	margin			: 0px 0px 0px 12px;
	padding			: 0px 0px 0px 0px;
}
.member_box ul,
.kawara_box ul,
.npo_box ul{
	margin			: 0px 0px 0px 15px;
	padding			: 0px 0px 0px 0px;
}

.news_box .date{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	font-size		: 11px;
	color			: #0066FF;
	font-weight		: bold;
	text-align		: right;
}


/*------------------------------*/
#sponsor{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	background		: url(../img/footer.jpg) no-repeat bottom;
	height			: 40px;
}
#sponsor ul{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 280px;
	list-style-type : none;
}
#sponsor li{
	margin			: 18px 0px 0px 10px;
	padding			: 0px 3px 0px 8px;
	float			: left;
	font-size		: 12px;
	letter-spacing	: -1px;
	background		: url(../img/sankaku1.jpg) no-repeat left;
	color			: #666666;
}
#sponsor a{
	color			: #000099;
	text-decoration	: none;
}


#cop_info,
#copy{
	background		: #FF386F;
	text-align		: center;
}
#cop_info{
	margin			: 0px 0px 0px 0px;
	padding			: 2px 0px 0px 0px;
	color			: #FFFFFF;
	font-size		: 12px;

}
#copy{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 2px 0px;
	color			: #ffccff;
	font-size		: 9px;
	letter-spacing	: 1px;
}

/*------------------------------*/
/*calendar*/
.cal_sun, .cal_wea, .cal_sat,
.cal_sun2, .cal_sat2, .cal_wea2,
.cal_hit{
	font-size		: 11px;
	text-align		: center;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	text-align		: center;
}

.cal_wea	{ background:url(../img/tab_list1.gif) no-repeat 0px -20px; }
.cal_sat	{ background:url(../img/tab_list2.gif) no-repeat 0px -20px; }
.cal_sun	{ background:url(../img/tab_list3.gif) no-repeat 0px -20px; }

.cal_wea2	{ background:url(../img/tab_list1.gif) no-repeat 0px -5px; }
.cal_sat2	{ background:url(../img/tab_list2.gif) no-repeat 0px -5px; }
.cal_sun2	{ background:url(../img/tab_list3.gif) no-repeat 0px -5px; }

.cal_waku a,
.cal_hit{
	background		: #FFFF00;
	font-weight		: bold;
}
.cal_waku{
	padding			: 0px 1px 0px 1px;
	border			: 1px solid #CCCCCC;
}
/*calendar*/
/*------------------------------*/

/*------------------------------*/
/*school*/
.school_staff{
	margin			: 8px 8px 0px 8px;
	padding			: 0px 0px 0px 0px;
	border			: 1px solid #CCCCCC;
}
.school_staff img{
	margin			: 0px 5px 0px 5px;
	border			: 2px solid #CCCCCC;
}

.school_staff_name{
	border-bottom	: 1px solid #F0F0F0;
	letter-spacing	: -1px;
	font-weight		: normal;
	color			: #666666;
	background		: url(../img/photo_waku_h4.jpg) repeat-x bottom;
	margin			: 0px 0px 2px 0px;
	padding			: 3px 0px 3px 3px;
	font-size		: 12px;
	border-left		: 3px solid #0066FF;
	text-align		: left;
}
.school_staff_memo{
	margin			: 0px 5px 0px 5px;
	font-size		: small;
}
.school_staff_name2{
	border-bottom	: 1px solid #F0F0F0;
	letter-spacing	: -1px;
	font-weight		: normal;
	color			: #666666;
	background		: url(../img/photo_waku_h4.jpg) repeat-x bottom;
	margin			: 0px 0px 2px 0px;
	padding			: 3px 0px 3px 3px;
	font-size		: 12px;
	border-left		: 3px solid #cccccc;
	text-align		: left;
}

.school_title{
	margin			: 0px 5px 0px 5px;
	padding			: 0px 0px 0px 0px;
	background		: url(../img/school/title.jpg) no-repeat;
	height			: 35px;
	text-indent		: 10px;
	line-height		: 40px;
	letter-spacing	: 3px;
	color			: #FFFFFF;
}
.school_box{
	margin			: 0px 5px 10px 5px;
	padding			: 0px 0px 10px 0px;
	border			: 1px solid #0066FF;
	font-size		: small;
}
.school_box .table1{
	margin			: 0px 0px 0px 10px;
	padding			: 0px 0px 0px 0px;
}

.school_menu ul{
	margin			: 0px 5px 0px 5px;
	padding			: 0px 0px 0px 0px;
	list-style		: none;
}
.school_menu li{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	float			: left;
}
.school_menu a{
	height			: 30px;
	display			: block;
}
.school_contact{
	margin			: 10px 0px 0px 0px;
	padding			: 10px 0px 0px 0px;
	text-align		: center;
}


.school_menu1{
	background		: url(../img/school/menu.jpg) 0px 0px;
	width			: 63px;
	text-indent		: -8888px;
}
.school_menu1_h{
	background		: url(../img/school/menu2.jpg) 0px 0px;
	width			: 63px;
	text-indent		: -8888px;
}
.school_menu2{
	background		: url(../img/school/menu.jpg) -63px 0px;
	width			: 76px;
	text-indent		: -8888px;
}
.school_menu2_h{
	background		: url(../img/school/menu2.jpg) -63px 0px;
	width			: 76px;
	text-indent		: -8888px;
}
.school_menu3{
	background		: url(../img/school/menu.jpg) -139px 0px;
	width			: 87px;
	text-indent		: -8888px;
}
.school_menu3_h{
	background		: url(../img/school/menu2.jpg) -139px 0px;
	width			: 87px;
	text-indent		: -8888px;
}
.school_menu4{
	background		: url(../img/school/menu.jpg) -226px 0px;
	width			: 63px;
	text-indent		: -8888px;
}
.school_menu4_h{
	background		: url(../img/school/menu2.jpg) -226px 0px;
	width			: 63px;
	text-indent		: -8888px;
}


.school_category{
	margin			: 0px 5px 10px 5px;
	padding			: 0px 0px 0px 0px;
/*	background		: url(../img/school/category.jpg) bottom no-repeat;
	border-left		: 1px solid #CCCCCC;
	border-right	: 1px solid #CCCCCC;
	border-bottom	: 1px solid #CCCCCC;
	height			: 32px;
	*/
}

.school_category ul{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	list-style		: none;
}
.school_category li{
	margin			: 5px 2px 0px 2px;
	padding			: 0px 0px 0px 0px;
	float			: left;
	width			: 107px;
	border			: 1px solid #CCC;
	text-align		: center;
	line-height		: 150%;
	background		: url(../img/school/category.jpg);
}
.school_category li a{
	display			: block;
	font-size		: 12px;
	text-decoration	: none;
	color			: #999999;
	font-weight		: bold;
	letter-spacing	: 2px;
	height			: 25px;
}
.school_category li .hit{
	color			: #000000;
}

.school_qa{
	margin			: 0px 10px 0px 10px;
	padding			: 0px 0px 0px 0px;
}

.school_q,
.school_a{
	margin			: 0px 0px 2px 0px;
	padding			: 5px 0px 5px 30px;
	font-size		: small;
	letter-spacing	: 1px;
}

.school_q{ background : url(../img/school/question_q.gif) no-repeat; }
.school_a{ background : url(../img/school/question_a.gif) no-repeat; }

.school_user{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	font-size		: 12px;
	color			: #999999;
	text-align		: right;
}

/*------------------------------*/
/* contact */
#contact{
	margin			: 0px 20px 0px 20px;
	padding			: 0px 0px 0px 0px;
}
#contact .submit{
	margin			: 10px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	text-align		: center;
}
#contact .box{
	margin			: 10px 10px 10px 10px;
	padding			: 5px 5px 5px 5px;
	font-size		: 12px;
	line-height		: 18px;
	border			: 1px solid #FFFF99;
	background		: #f0f0f0;
}
#contact .submit input{
	width			: 100px;
	letter-spacing	: 20px;
	border			:1px solid #999999;
}

#contact a{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 2px 0px 2px;
	color			: #666666;
	border			: 1px solid #000066;
	text-decoration	: none;
	font-size		: 10px;
}

#contact input,
#contact textarea{
	border			: 1px solid #CCCCCC;
	font-size		: 14px;
}

.contact_h4{
	margin			: 0px 0px 0px 5px;
	padding			: 0px 0px 0px 0px;
	font-weight		: normal;
	letter-spacing	: 2px;
	font-size		: 12px;
}
#contac table{
	font-size		: 12px;
}