@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* =================================================================== 
*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align: center;
	font-size:90%;
	line-height:1.4;
	color:#4D4D4D;
}
html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}
img			{ border:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
ul,li		{ list-style: none; }

a			{ color:#377A9F; text-decoration: none; }
a:hover,
a:focus		{ color:#4FB4E0; }

/*
=====================================================================
*
*    全ページ共通
*
* =================================================================== 
*/

/* -----------------------------------------------------------------
 body
------------------------------------------------------------------ */
body{ background-color:#FFFFFF; }

/* -----------------------------------------------------------------
 Bg
------------------------------------------------------------------ */
#Bg{ background:#FFFFFF url(/images/common/bg/bg-wrapper.gif) repeat-x left top; }

/* -----------------------------------------------------------------
 HeadTop
------------------------------------------------------------------ */
#HeadTop						{ width:960px; margin:0 auto; text-align:left; height:28px; }
	#HeadTop p					{ width:384px; float:left; font-size:10px; color:#FFFFFF; line-height:28px; font-weight:normal;}
	#HeadTop ul					{ width:424px; float:left; }
		#HeadTop ul li			{ float:left; }
			
			#HeadTop ul li				{ display: block; height:28px; background-position:left top; background-repeat:no-repeat; }
			#HeadTop ul li.access		{ width:90px; }
			#HeadTop ul li.faq			{ width:52px; }
			#HeadTop ul li.contact		{ width:94px; }
			#HeadTop ul li.search		{ width:84px; }
			#HeadTop ul li.sitemap		{ width:94px; }
			
			#HeadTop ul li a			{ display: block; height:28px; background-position:left top; background-repeat:no-repeat; }
			#HeadTop ul li.access a		{ background-image:url(/images/common/head/navi-access.gif); }
			#HeadTop ul li.faq a		{ background-image:url(/images/common/head/navi-faq.gif); }
			#HeadTop ul li.contact a	{ background-image:url(/images/common/head/navi-contact.gif); }
			#HeadTop ul li.search a		{ background-image:url(/images/common/head/navi-search.gif); }
			#HeadTop ul li.sitemap a	{ background-image:url(/images/common/head/navi-sitemap.gif); }
			
			#HeadTop ul li a:hover,
			#HeadTop ul li a:focus{ background-position:0 -28px; }
			
			#HeadTop div.searchArea{
				width:152px;
				height:16px;
				margin-top:6px;
				background:url(/images/common/head/bg-search.gif) no-repeat left top;
				float:right;
			}
				#HeadTop div.searchArea input		{ border:none; padding:0; margin:0; }
				#HeadTop div.searchArea input.text	{ float:left; width:125px; height:16px; background-color:transparent; }
				#HeadTop div.searchArea input.btn	{ float:right; width:21px; height:16px; }
				
/* -----------------------------------------------------------------
 Wrapper
------------------------------------------------------------------ */
#Wrapper{ width:960px; margin:0 auto; margin-bottom:35px; }

/* -----------------------------------------------------------------
 Head
------------------------------------------------------------------ */
#Head{ text-align:left; margin-bottom:10px; }
	#Head h1,
	#Head p	{ width:270px; float:left; margin-top:5px; }
	ul#NaviRemark					{ width:365px; float:right; margin-top:10px; }
		ul#NaviRemark li			{ float:left; }
		ul#NaviRemark li.basic		{ width:154px; float:left; display: inline; margin-right:8px; }
		ul#NaviRemark li.shikaku	{ width:98px; float:left; display: inline; margin-right:8px; }
		ul#NaviRemark li.career		{ width:97px; }
		
		ul#NaviRemark li a			{ display: block; height:22px; background-position:left top; background-repeat:no-repeat; }
		ul#NaviRemark li.basic a	{ background-image:url(/images/common/head/navi-basic.gif); }
		ul#NaviRemark li.shikaku a	{ background-image:url(/images/common/head/navi-shikaku.gif); }
		ul#NaviRemark li.career a	{ background-image:url(/images/common/head/navi-career.gif); }
		
		ul#NaviRemark li a:hover,
		ul#NaviRemark li a:focus	{ background-position:0px -22px; }
	
	ul#NaviGlobal						{ height:70px; }
		ul#NaviGlobal li				{ float:left; }
		ul#NaviGlobal li.top			{ width:140px; }
		ul#NaviGlobal li.schoolguide	{ width:136px; }
		ul#NaviGlobal li.shinkyu		{ width:136px; }
		ul#NaviGlobal li.judo			{ width:136px; }
		ul#NaviGlobal li.admission		{ width:136px; }
		ul#NaviGlobal li.data			{ width:136px; }
		ul#NaviGlobal li.inquiry		{ width:140px; }
		
		ul#NaviGlobal li a	{
			display: block;
			height:70px;
			background:url(/images/common/head/navi-global.gif) no-repeat left top;
			cursor:pointer;
		}
		ul#NaviGlobal li.top a			{ background-position:0px 0px; }
		ul#NaviGlobal li.schoolguide a	{ background-position:-140px 0px; }
		ul#NaviGlobal li.shinkyu a		{ background-position:-276px 0px; }
		ul#NaviGlobal li.judo	 a		{ background-position:-412px 0px; }
		ul#NaviGlobal li.admission a	{ background-position:-548px 0px; }
		ul#NaviGlobal li.data a			{ background-position:-684px 0px; }
		ul#NaviGlobal li.inquiry a		{ background-position:-820px 0px; }
		
		ul#NaviGlobal li.top a:hover,
		ul#NaviGlobal li.top a:focus			{ background-position:0px -70px; }
		ul#NaviGlobal li.schoolguide a:hover,
		ul#NaviGlobal li.schoolguide a:focus,
		ul#NaviGlobal li.schoolguide a.selected	{ background-position:-140px -70px; }
		ul#NaviGlobal li.shinkyu a:hover,
		ul#NaviGlobal li.shinkyu a:focus,
		ul#NaviGlobal li.shinkyu a.selected		{ background-position:-276px -70px; }
		ul#NaviGlobal li.judo	 a:hover,
		ul#NaviGlobal li.judo	 a:focus,
		ul#NaviGlobal li.judo	 a.selected		{ background-position:-412px -70px; }
		ul#NaviGlobal li.admission a:hover,
		ul#NaviGlobal li.admission a:focus,
		ul#NaviGlobal li.admission a.selected		{ background-position:-548px -70px; }
		ul#NaviGlobal li.data a:hover,
		ul#NaviGlobal li.data a:focus,
		ul#NaviGlobal li.data a.selected			{ background-position:-684px -70px; }
		ul#NaviGlobal li.inquiry a:hover,
		ul#NaviGlobal li.inquiry a:focus,
		ul#NaviGlobal li.inquiry a.selected		{ background-position:-820px -70px; }

/* -----------------------------------------------------------------
 FootWrapper
------------------------------------------------------------------ */
#FootWrapper{
	clear:both;
	/*background:#F1F2ED url(/images/common/foot/bg-foot.gif) repeat-x left bottom;*/
	background-color:#F1F2ED;
	height:72px;
	border-bottom:#00624E 5px solid;
}

	#Foot{ width:960px; margin:0 auto; text-align:left; }
		#LogoNavi{ margin-bottom:10px;  padding-top:10px; }
			#Foot .logo{ width:175px; height:30px; float:left; background:url(/images/common/foot/logo.gif) no-repeat left top; }
			#Foot ul{ width:706px; float:right; margin-top:10px; }
				#Foot ul li{ float:left; display: inline; }
					#Foot ul li.kouyukai		{ width:48px; margin-right:10px; }
					#Foot ul li.library			{ width:96px; margin-right:10px; }
					#Foot ul li.search			{ width:73px; margin-right:10px; }
					#Foot ul li.faq				{ width:43px; margin-right:10px; }
					#Foot ul li.link			{ width:60px; margin-right:10px; }
					#Foot ul li.contact			{ width:86px; margin-right:10px; }
					#Foot ul li.privacypolicy	{ width:132px; margin-right:10px; }
					#Foot ul li.sitepolicy		{ width:98px; }
					
						#Foot ul li a{ display: block; height:14px; background-position:left top; background-repeat:no-repeat; }
						#Foot ul li a:hover,
						#Foot ul li a:focus{ background-position:0px -14px; }
						
						#Foot ul li.kouyukai a		{ background-image:url(/images/common/foot/navi-kouyukai.gif); }
						#Foot ul li.library a		{ background-image:url(/images/common/foot/navi-library.gif); }
						#Foot ul li.search a		{ background-image:url(/images/common/foot/navi-search.gif); }
						#Foot ul li.faq a			{ background-image:url(/images/common/foot/navi-faq.gif); }
						#Foot ul li.link a			{ background-image:url(/images/common/foot/navi-link.gif); }
						#Foot ul li.contact a		{ background-image:url(/images/common/foot/navi-contact.gif); }
						#Foot ul li.privacypolicy a	{ background-image:url(/images/common/foot/navi-privacypolicy.gif); }
						#Foot ul li.sitepolicy a	{ background-image:url(/images/common/foot/navi-sitepolicy.gif); }
			
		#Foot p.address		{ clear:both; width: 540px; float:left; font-size:12px; }
		#Foot p.copyRight	{
			text-align:right;
			width: 410px;
			height:14px;
			float:right;
			font-size:8px;
			font-family:Verdana, sans-serif;
			line-height:14px;
		}

/* -----------------------------------------------------------------
 FootWrapperLower
------------------------------------------------------------------ */
#FootWrapperLower{ background-color:#00624E; height:90px; text-align:center;}
	#FootWrapperLower iframe{ width:960px; height:50px; margin:18px auto 0; padding:0px; }
		#FootLower 			{ width:978px; margin-right:-18px; overflow:hidden; _zoom: 1; background-color:#00624E; }
		#FootLower a		{ width:145px; float:left; margin-right:18px; display:inline; }
		#FootLower a.last	{ margin-right:0px;  }

/* -----------------------------------------------------------------
 Sitemap
------------------------------------------------------------------ */

/*--------------- JavaScriptオンオフ共通 ---------------*/
/* Sitemap01とSitemap02共通 */
#Sitemap01 div.column ul li,
	#Sitemap02 ul li{ font-size:12px; line-height:20px; padding-left:10px; }

#Sitemap01 a,
#Sitemap02 a{ text-decoration: none; }

#Sitemap01 ul li a:focus,
#Sitemap01 ul li a:hover,
#Sitemap02 ul li a:focus,
#Sitemap02 ul li a:hover	{ text-decoration:underline; }

/* Sitemap01 */
#Sitemap01 div.column	{
	float:left;
	display:inline;
	padding-bottom:40px;
}
	#Sitemap01 div.column p{
		font-weight:bold;
		line-height:26px;
		height:26px;
		font-size:12px;
		margin-bottom:10px;
	}
		#Sitemap01 div.column p a,
		#Sitemap01 div.column p span{
			display:block;
			height:26px;
			padding-left:25px;
		}
			
/* Sitemap02 */
#Sitemap02							{ background:url(/images/common/border/border-sitemap.gif) repeat-x center top; }
	#Sitemap02 ul					{ padding-top:15px; float:left; }
		

/*--------------- JavaScriptオン用 ---------------*/
#SitemapParent { 
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -450px;
	z-index: 99;
}
	#Sitemap						{ width:900px; text-align:left; }
		#SitemapWrapper				{ background-color:#003825; padding-left:20px; padding-bottom:30px; }
			#SiteMapTitle img.flL	{ float:left; }
			#SiteMapTitle a.flR		{ float:right; width:95px; height:24px; }
		

/* Sitemap01 */
#Sitemap #Sitemap01 div.column	{
		width:200px;
		margin-right:20px;
	}
		
#Sitemap #Sitemap01 div.column p span,
#Sitemap #Sitemap01 div.column p a			{
	color:#003825;
	background:#FFFFFF url(/images/common/icon/icon-sitemap-arrow.gif) no-repeat 10px 7px;
	border:1px solid #003825;
}
#Sitemap #Sitemap01 div.column p a:hover,
#Sitemap #Sitemap01 div.column p a:focus	{
	color:#FFFFFF;
	background:#003825 url(/images/common/icon/icon-sitemap-arrow-over.gif) no-repeat 10px 7px;
	border:1px solid #FFFFFF;
}

/* Sitemap02 */
#Sitemap #Sitemap02 { width:860px; }
#Sitemap #Sitemap02 ul		{ width:215px; }

/* Sitemap01とSitemap02で共通の文字色とアイコン指定 */
#Sitemap #Sitemap01 div.column ul li,
	#Sitemap02 ul li{background:url(/images/common/icon/icon-sitemap-arrow02.gif) no-repeat left center; }
	
#Sitemap #Sitemap01 div.column ul li,
#Sitemap #Sitemap01 div.column ul li a,
#Sitemap #Sitemap01 div.column ul li a:visited
#Sitemap #Sitemap02 ul li,
#Sitemap #Sitemap02 ul li a,
#Sitemap #Sitemap02 ul li a:visited{ color:#FFFFFF; }

#Sitemap #Sitemap01 div.column ul li a:hover,
#Sitemap #Sitemap01 div.column ul li a:focus,
#Sitemap #Sitemap02 ul li a:hover,
#Sitemap #Sitemap02 ul li a:focus{ color:#CCCCCC; }

/* SitemapBtnClose */
#SitemapBtnClose 		{ background:url(/images/common/bg/bg-sitemap.gif) no-repeat center top; }
	#SitemapBtnClose a	{ display:block; width:95px; height:24px; padding-top:10px; margin-left:675px; }
	
	
/*--------------- JavaScriptオフ用 ---------------*/
/* Sitemap01 */
#SitemapNoJavaScript #Sitemap01 { width:681px; margin-right:-21px; overflow:hidden; _zoom: 1; }
#SitemapNoJavaScript #Sitemap01 div.column	{
		width:206px;
		margin-right:21px;
	}

#SitemapNoJavaScript #Sitemap01 div.column p span,
#SitemapNoJavaScript #Sitemap01 div.column p a			{
	color:#00624E;
	background:url(/images/common/icon/icon-arrow.gif) no-repeat 8px 7px;
	border:1px solid #00624E;
}
#SitemapNoJavaScript #Sitemap01 div.column p a:hover,
#SitemapNoJavaScript #Sitemap01 div.column p a:focus	{
	color:#FFFFFF;
	background:#00624E url(/images/common/icon/icon-arrow-over.gif) no-repeat 8px 7px;
	border:1px solid #FFFFFF;
}


/* Sitemap02 */
#SitemapNoJavaScript #Sitemap02 { width:660px; margin-bottom:30px; }
#SitemapNoJavaScript #Sitemap02 ul.column01		{ width:155px; }
#SitemapNoJavaScript #Sitemap02 ul.column02		{ width:175px; }
#SitemapNoJavaScript #Sitemap02 ul.column03		{ width:180px; }
#SitemapNoJavaScript #Sitemap02 ul.column04		{ width:150px; }


/* Sitemap01とSitemap02で共通のアイコン指定 */
#SitemapNoJavaScript #Sitemap01 div.column ul li,
	#SitemapNoJavaScript #Sitemap02 ul li{background:url(/images/common/icon/icon-sitemap-arrow02-over.gif) no-repeat left center; }
/*
#SitemapNoJavaScript #Sitemap01 div.column ul li,
#SitemapNoJavaScript #Sitemap01 div.column ul li a,
#SitemapNoJavaScript #Sitemap01 div.column ul li a:visited
#SitemapNoJavaScript #Sitemap02 ul li,
#SitemapNoJavaScript #Sitemap02 ul li a,
#SitemapNoJavaScript #Sitemap02 ul li a:visited{ color:#333333; }
*/

/*
=====================================================================
*
*    画像置換
*
* =================================================================== 
*/
/*------------for MacIE------------------------*/

#HeadTop ul li a span,
ul#NaviGlobal li a span,
ul#NaviRemark li a span,
#Foot ul li span,
#Foot .logo span{
	text-indent:-9999px;
}

/*------------Hides from IE-mac----------------\*/

#HeadTop ul li a span,
ul#NaviGlobal li a span,
ul#NaviRemark li a span,
#Foot ul li span,
#Foot .logo span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}

/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */