@charset "utf-8";

/* CSS Document */



/* Common */

/* ====================================================================== */



* {

	margin: 0;

	padding: 0;

}



body {

	text-align: center;

	font-family: "ＭＳ ゴシック","MS Gothic","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","Osaka−等幅", Osaka-mono, sans-serif;

	color: #000;

	font-size: 16px;

	line-height: 1.4;

}



a {

	color: #000;

	text-decoration: underline;

}



a:hover {

	text-decoration: none;

}





h2{

font-size:small;

line-height:1.2em;

margin:0;

padding:0;

}

h3{

font-size:small;

line-height:1.2em;

margin:0;

padding:0;

}



h4{

font-size:small;

line-height:1.2em;

margin:0;

padding:0;

}



h5{

font-size:small;

line-height:1.2em;

margin:0;

padding:0;

}



h6{

font-size:small;

line-height:1.2em;

margin:0;

padding:0;

}





/* Index Header */

/* ====================================================================== */



#index_top {

	clear: both;

	padding: 0;

	/*background: bottom url(images/glass.png) repeat-x;*/

	background:#0033CC;

}



#header {

	margin: 0 auto;

	width: 100%;

	height: 88px;

	text-align: left;

	background: url(images/top_bg.jpg) #358BF4 center top no-repeat;

}



#headerTop {

	margin: 0 auto;

	width: 100%;

	height: 350px;

	text-align: left;

	background: url(images/top_bg.jpg) #358BF4 center top no-repeat;

}



#header_link_block {

	margin: 0 auto;

	width: 900px;

	padding: 5px 0;

}



#header_link {

	float: right;

	padding: 0 0 5px 0;

	font-size: 0.625em;

}



#header_link li {

	display: inline;

	padding: 0 0 0 14px;

	background: url(images/list.png) no-repeat;

}







/* Content Header */

/* ====================================================================== */



#BikaBg {

	margin: 0 auto;

	width: 900;

	height: 630px;

	text-align: center;

	background: url(bika/img/bika_bg.jpg) #FFFFFF center top no-repeat;

}





/* Content Header */

/* ====================================================================== */



#content_top {

	clear: both;

	padding: 0 ;

	/*background: bottom url(images/glass.png) repeat-x;*/

	background:#0033CC;

}







#home {

	float: left;

	padding: 0 0 0 14px;

	font-size: 0.725em;

	background: 0 2px url(images/list.png) no-repeat;

}	







/* Main Content*/

/* ====================================================================== */



#main_content {

	padding: 20px 0;

	/*background: url(images/glass_bg.png) repeat;*/

	background:#0033CC;

}



#main_block {

	margin: 0 auto;

	padding: 0 0 23px 0;

	width: 900px;

	background: bottom url(images/content_bottom.png) no-repeat;

}



#content {

	padding: 18px 13px 0 12px;

	text-align: left;

	font-size: 0.75em;

	background: top url(images/content_top.png) no-repeat #FFF;

}







/* breadcrumb*/

/* ====================================================================== */

#breadcrumb{

	margin: 0 auto;

	width: 900px;

	text-align:left;

	font-size:small;

}







/* Menu*/

/* ====================================================================== */



#menu {

	float: left;

	margin: 0 18px 0 0;

	width: 180px;

}



#menu ul {

	list-style: none;

	margin:0 0 10px 0;

}



#menu ul li#company {

	width: 180px;

	text-indent: -3000px;

	overflow:hidden;}



#menu ul li#company a {

	display: block;

	width: 180px;

	height: 35px;

	background: url(images/menu.png) no-repeat;

}



#menu ul li ul.sub {

	margin: 8px 0 5px 0;

	text-indent: 28px;

}



#menu ul li#company ul.sub li a {

	display: block;

	width: 180px;

	height: 20px;

	padding: 1px 0 2px 0;

	background: none;

	text-decoration: none;

}



#menu ul li ul.sub li {

	font-weight: bolder;

	background: 17px 2px url(images/menu_list.png) no-repeat;

}



#menu ul li#company_info {

	width: 180px;

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;}



#menu ul li#company_info a {

	display: block;

	width: 180px;

	height: 35px;

	background: 0 -35px url(images/menu.png) no-repeat;

}



#menu ul li#jjfc {

	width: 180px;

	text-indent: -3000px;

	overflow:hidden;}



#menu ul li#jjfc a {

	display: block;

	width: 180px;

	height: 35px;

	background: 0 -70px url(images/menu.png) no-repeat;

}


#menu img{
margin:0 0 5px 0;}








/* Main*/

/* ====================================================================== */



#main {

	float: left;

	width: 677px;

}







.top_banner_content {

	font-size: 84%;

	background: bottom url(images/top_banner_bottom.png) no-repeat;

}



.top_banner_content p {

	padding: 0 15px 10px 15px;

}



.more {

	padding: 0 10px 8px 0;

	text-align: right;

}



.more a {

	padding: 0 0 0 15px;

	background: left url(images/list.gif) no-repeat;

}



#approach {

	float: left;

	width: 332px;

	background: url(images/top_banner_content.png) repeat-y;

}



#approach h3 {

	height: 35px;

	text-indent: -10000px;

	background: url(images/top_banner_title02.png) no-repeat;

}





.idTabs {

	list-style: none;

	text-align: right;

}



.idTabs li {

	display: inline;

}



.idTabs li a {

	padding: 5px;

	background: #ccc;

	color: #000;

	text-decoration: none;	

}



.idTabs li a:hover {

	background: #000;

	color: #FFF;	

}



.idTabs li a.selected {

	background: #999;

	color: #FFF;

	text-decoration: none;	

}



/* News*/

/* ====================================================================== */



#news {

	position: relative;

	float: left;

	margin: 0 10px 0 0;

	width: 667px;

	background: url(images/news_content.png) repeat-y;

}



* html #news {

	margin: 0;

}



#news h3 {

	text-indent: -3000px;

	overflow:hidden;height: 34px;

	background: url(images/news_title.png) no-repeat;

}



#list {

	position: absolute;

	top: 15px;

	right: 10px;

	padding: 0 0 0 15px;

	font-size: 0.875em;

	background: url(images/list.png) no-repeat;

}



#news_block {

	padding: 0 0 10px 0;

	font-size: 0.875em;

	background: bottom left url(images/news_bottom.png) no-repeat;

}



#news dl {

	padding: 10px 15px;

}



* html #news dl {

	padding: 2px 15px;

}



#news dt {

	padding: 0 3px;

	float: left;

	/*width: 94px;*/
	width: 114px;
}



#news dd {

	float: left;

	/*width: 530px;*/
	width: 510px;
	padding: 0 3px 5px 3px;

}





/* content main */

/* ====================================================================== */



#content_main {

	float: left;

	margin: 0;

	width: 667px;

	background: url(images/content_main.png) repeat-y;

}

















#content_main_block {

	padding: 10px;

	background: bottom url(images/content_main_bottom.png) no-repeat;

}



#content_main_block h3 {

	font-size: 1.425em;

	padding: 0 0 8px 0;

}



#content_main_block p {

	text-indent: 10px;

	padding: 5px 0 17px 5px;

}



#content_main_block h4 {

	font-size: 1.275em;

	padding: 10px 0 5px 12px;

	background: 0 16px url(images/bullet.png) no-repeat;

}



#content_main_block ul {

	margin: 5px 35px 10px 35px;

}



#content_main_block ol {

	margin: 5px 40px 10px 40px;

}



/* title */

/* ====================================================================== */



#title_contact {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_contact.png) no-repeat;

}



#title_privacy {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_privacy.png) no-repeat;

}



#title_sitemap {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_sitemap.png) no-repeat;

}



#title_policy {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_policy.png) no-repeat;

}



#title_company {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title01.png) no-repeat;

}



#title_company_info {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title20.png) no-repeat;

}

#title_order {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_order.png) no-repeat;

}

#title_item {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/title_item.png) no-repeat;

}

#title_oneday {
	height: 35px;
	text-indent: -3000px;
	overflow:hidden;
	background: url(images/title_oneday.png) no-repeat;
}



h4#title_info_support {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/titlebar_info_support.png) no-repeat;

}



h4#title_info_env_sports {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/titlebar_info_env_sports.png) no-repeat;

}



h4#title_info_mail {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/titlebar_info_mail.png) no-repeat;

}



h4#title_concept {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/titlebar_concept.png) no-repeat;

}



h4#title_greeting {

	height: 35px;

	text-indent: -3000px;

	overflow:hidden;

	background: url(images/titlebar_greeting.png) no-repeat;

}








form table#request textarea {
	font-size: 12px;
}



/* Footer */

/* ====================================================================== */



#footer {

	background: top url(images/footer.png) repeat-x;
}



#footer_content {
/*	position: relative;*/
	margin: 0 auto;
	height: 60px;
	width: 900px;
	font-size: 0.675em;
}



#footer_content ul {
/*	position: absolute;
	top: 25px;*/
	padding-top:25px;
	left: 0;
	list-style: none;
	float: left;
}



#footer_content ul li {
	display: inline;
	padding: 2px 0 0 14px;
	background: url(images/list.png) no-repeat;
}



#footer_content p {
/*	position: absolute;
	top: 25px;*/
	padding-top: 25px;
	right: 0;
	float: right;
}



/* School Menu */
/* ====================================================================== */

.mycarousel {
	margin: 0 auto 15px 145px;
	width: 674px;
	height: 125px;
	list-style: none;
	/*border:1px solid #CCC;*/
}

.mycarousel li,
.mycarousel li a {
	float: left;
	display: block;
	width: 125px;
	height: 125px;
	margin: 0 10px 0 0;
	text-indent: -3000px;
	overflow:hidden;
}
.mycarousel li.RightFin,
.mycarousel li.RightFin a {
	float: left;
	display: block;
	width: 125px;
	height: 125px;
	margin: 0 0 0 0;
	text-indent: -3000px;
	overflow:hidden;
}


.mycarousel li#soccer,
.mycarousel li#soccer a {background: url(images/top_links.png) no-repeat;}

.mycarousel li#baseball,
.mycarousel li#baseball a {background: -129px 0 url(images/top_links.png) no-repeat;}

.mycarousel li#karate,
.mycarousel li#karate a {background: -258px 0 url(images/top_links.png) no-repeat;}

.mycarousel li#judo,
.mycarousel li#judo a {background: -387px 0 url(images/top_links.png) no-repeat;}

.mycarousel li#basketball,
.mycarousel li#basketball a {background: -516px 0 url(images/top_links.png) no-repeat;}


.mycarousel li#tennis,
.mycarousel li#tennis a {background: -2064px 0 url(images/top_links.png) no-repeat;}


/* others */
/* ====================================================================== */

.centerText{
width:400px;
margin:0 auto;
}



/* item */
/* ====================================================================== */


/*  詳細 */

.itemBox{
clear:both;
width:450px;
margin:0 0 20px 0;
}

*html .itemBox{
clear:both;
width:450px;
margin:0 0 -20px 0;
}

.itemPic{
float:left;
margin:0 10px 0 0;
width:100px;
}

.itemText{
float:right;
width:310px;
}

/*  TOP */

.itemTop h3{
font-size:0.9em;
line-height:1em;
font-weight:normal;
margin:5px 0;
}

.itemTop{
padding:5px 5px 5px 10px;
margin:5px 0 5px 0;
clear:both;
border:1px solid #CCC;
}

.itemTopPic{
float:left;
margin:0 5px 0 0;}

.itemTop p{
float:right;
width:105px;
font-size:0.8em;
}

/*table sche
**************************************************/

table.libesche {
	border:1px solid #ccc;
}
table.libesche th{
	backgrounde:#1E8DA9 important;
}

table.libesche td{
	border-top:1px solid #ccc;
}

table.libesche th,
table.libesche td{
	padding:5px;
}



p.back {
float:right;
}


/* one_day schedule */
/* ====================================================================== */

.center{
text-align:center;
}

table#Schedule {
	border-collapse: collapse;
	width: 600px;
	margin:10px 0 20px 20px;
	}

table#Schedule td {
	border-collapse: collapse;
	padding: 2px 5px;
	background-color: #D4E9FF;
	border: #ffffff solid 1px;
	}

table#Schedule th {
	background-color: #003399;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	border-collapse: collapse;
	padding: 3px;
	border: #ffffff solid 1px;
	}
	
	
/* one_day schedule Porte */
/* ====================================================================== */

table#SchedulePorte {
	border-collapse: collapse;
	width: 600px;
	margin:10px 0 20px 20px;
	}

table#SchedulePorte td {
	border-collapse: collapse;
	padding: 2px 5px;
	background-color: #FFCCCC;
	border: #ffffff solid 1px;
	text-align:center;
	}	
	
table#SchedulePorte td.ScheduleContents {
	border-collapse: collapse;
	padding: 2px 5px;
	background-color: #FFCCCC;
	border: #ffffff solid 1px;
	text-align:left;
	}

table#SchedulePorte th {
	background-color: #990000;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	border-collapse: collapse;
	padding: 3px;
	border: #ffffff solid 1px;
	}