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

Nippon Judo / index

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


/* default style
-------------------------------------------- */
html {overflow-y:scroll;}
body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, address, img, form, select, option, input, label {margin:0;
	padding:0;}
a:link {color:#00f;	text-decoration:none;}
a:visited {color:#00f;	text-decoration:none;}
a:hover {color:#f00;}
a:active {color:#f00;}
img {border: none;	vertical-align: bottom;}
hr {display: none;}
ul {list-style: none;}
sup {font-size: 85%;}
.txt_l {text-align:left;}
.txt_r {text-align:right;}
.clear {clear:both;}
body {
	background:url(../image_cmn/bg_top.gif) repeat;
	color: #333;
	font-size: 75%;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;
	line-height: 1.4;}


/* -------------------------------------------
	wrapper
------------------------------------------- */
#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}

/* -------------------------------------------
	header
------------------------------------------- */
#header {
	position:relative;
	width:900px;
	height:81px;
	background:url(../image/header_bg.gif) no-repeat left;
}
#header a {
	display:block;
	text-indent:-9999px;
}

#header h1 {
	width:290px;
	height:81px;
	float:left;
}
#header h1 a {
	width:290px;
	height:81px;
}
#header p.btn_en {
	position:absolute;
	left:300px;
	top:52px;
}
#header p.btn_en a {
	width:63px;
	height:24px;
	background:url(../image/btn_english.gif) no-repeat 0 0;
}
#header p.btn_en a:hover{
	background:url(../image/btn_english.gif) no-repeat 0 -24px;
}
#header p.bnr_hmmt {
	position:absolute;
	left:560px;
	top:10px;
}
#header p.bnr_hmmt a {
	width:316px;
	height:60px;
	background:url(../image/bnr_homemate.gif) no-repeat 0 0;
}
#header p.bnr_hmmt a:hover {
	background:url(../image/bnr_homemate.gif) no-repeat 0 -60px;
}

/* -------------------------------------------
	content
------------------------------------------- */
#content {
	margin:10px 0 0 0;
	overflow:hidden;
}

/* -------------------------------------------
	navi
------------------------------------------- */
#content #navi {
	width:250px;
	height:1007px;
	_height:1008px;
	background:url(../image/navi_bg.gif);
	float:left;
	border:1px solid #cbcbcb;
	border-right:none;
	overflow:hidden;
}

#content #navi .content {overflow:hidden}



#accordion{
	padding:0px;
	width:250px;
}

#accordion h2.toggler {
	height:27px;
	color:#414141;
	cursor:pointer;
	font-size:120%;
	font-weight:bold;
	padding:9px 0 0 32px;
}
#accordion h2.toggler:hover{
	background:url(../image/navi_tab_activate.gif) no-repeat;
}

#accordion .element{
	padding:20px;
	background:url(../image/navi_list_bg.gif);
}

#accordion .element ul {
	margin:10px 0 8px 0;
}

#accordion .element ul li{
	padding:0 0 0 12px;
	line-height:1.8;
	background:url(../image/navi_list.gif) no-repeat 0 6px;
}

/*----------- otanoshimi ----------------- */
#content #otanoshimi {
	width:221px;
	margin:10px auto 10px;
	padding:0 0 3px 0;
	background:url(../image/navi_otanoshimi_bg.gif) no-repeat bottom;
}
#content #otanoshimi p.title {
	height:28px;
	margin:0 auto 10px;
	text-indent:-9999px;
	background:url(../image/navi_otanoshimi_top.gif) no-repeat top;
}
#content #otanoshimi div {
	height:55px;
	margin:0 auto 10px;
}

#content #otanoshimi div img {
	float:left;
	margin:0 0 0 15px;
}

#content #otanoshimi div dl {
	margin:3px 0 0 75px;
}

#content #otanoshimi div dl dt {
	padding:0 0 0 10px;
	font-weight:bold;
	background:url(../image/navi_list.gif) no-repeat 0 3px;
}
/*----------- ‘S�_˜A ----------------- */
#content #navi p {
	width:221px;
	height:38px;
	margin:0 auto 7px;
}
#content #navi p.mobileinfo {
	width:221px;
	height:90px;
	margin:0 auto 7px;
}
#content #navi p.mobileinfo a {
	display:block;
	width:221px;
	height:90px;
	text-indent:-9999px;
	background:url(../image/bnr_mobileinfo.jpg) no-repeat;
}
#content #navi p.mobileinfo a:hover {
	background:url(../image/bnr_mobileinfo.jpg) no-repeat 0 -90px;
}

#content #navi p.zenjuren a {
	display:block;
	width:221px;
	height:38px;
	text-indent:-9999px;
	background:url(../image/bnr_zenjuren.jpg) no-repeat;
}
#content #navi p.zenjuren a:hover {
	background:url(../image/bnr_zenjuren.jpg) no-repeat 0 -38px;
}

#content #navi p.token_zenjuren a {
	display:block;
	width:221px;
	height:38px;
	text-indent:-9999px;
	background:url(../image/bnr_token_with_zenjuren.jpg) no-repeat;
}
#content #navi p.token_zenjuren a:hover {
	background:url(../image/bnr_token_with_zenjuren.jpg) no-repeat 0 -38px;
}

#content #navi p.nishinippon a {
	display:block;
	width:221px;
	height:38px;
	text-indent:-9999px;
	background:url(../image/bnr_nishinippon.gif) no-repeat;
}
#content #navi p.nishinippon a:hover {
	background:url(../image/bnr_nishinippon.gif) no-repeat 0 -38px;
}



#content #navi p.shinohara a {
	display:block;
	width:221px;
	height:38px;
	text-indent:-9999px;
	background:url(../image/bnr_shinohara.jpg) no-repeat;
}
#content #navi p.shinohara a:hover {
	background:url(../image/bnr_shinohara.jpg) no-repeat 0 -38px;
}
#content #navi p.tokencup a {
	display:block;
	width:221px;
	height:38px;
	text-indent:-9999px;
	background:url(../image/bnr_tokencup_.jpg) no-repeat;
}
#content #navi p.tokencup a:hover {
	background:url(../image/bnr_tokencup_.jpg) no-repeat 0 -38px;
}


/* -------------------------------------------
	main
------------------------------------------- */
#content #main {
	width:640px;
	float:right;
	_margin:0 -5px 0 0; /*IE6�BIE8–¢ŒŸ�Ø*/
}

#content #main .top_img{
	padding:0 0 12px 0;
	background:url(../image/main_bg_shadow.gif) bottom no-repeat;
}
#content #main .top_img h2 a {
	display:block;
	text-indent:-9999px;
	width:640px;
	height:230px;
	/*background:url(../image/main_normal.jpg) no-repeat;*/
	background:url(../image/main_student2011.jpg) no-repeat;
}
#content #main .top_img h2 a:hover {
	/*background:url(../image/main_normal.jpg) no-repeat 0 -230px;*/
	background:url(../image/main_student2011.jpg) no-repeat 0 -230px;
}

#content #main ul.banner {
	background:url(../image/banner_bg.gif) no-repeat;
	margin:0 auto 0;
	padding:6px 0 0 5px;
	width:640px;
	height:143px;
}
#content #main ul.banner li {
	float:left;
	margin:0 5px 0 0;
}
#content #main ul.banner li a {
	display:block;
	text-indent:-9999px;
	width:206px;
	height:130px;

}
#content #main ul.banner li.bnr01 a {background:url(../image/bnr_01.jpg) no-repeat;}
#content #main ul.banner li.bnr01 a:hover {background:url(../image/bnr_01.jpg) no-repeat 0 -130px;}

#content #main ul.banner li.bnr02 a {background:url(../image/bnr_02.jpg) no-repeat;}
#content #main ul.banner li.bnr02 a:hover {background:url(../image/bnr_02.jpg) no-repeat 0 -130px;}

#content #main ul.banner li.bnr03 a {background:url(../image/bnr_03.jpg) no-repeat;}
#content #main ul.banner li.bnr03 a:hover {background:url(../image/bnr_03.jpg) no-repeat 0 -130px;}




/* -------------------------------------------
	news
------------------------------------------- */
#content #news {
	width:315px;
	height:490px;
	background:url(../image/news_bg.gif) no-repeat bottom;
	float:left;
}

#content #news h3 {
	background:url(../image/news_title.gif) no-repeat;
	width:315px;
	height:57px;
	text-indent:-9999px;
	margin:0 auto 5px;
}

#content #news dl {
	width:280px;
	margin:0 auto 19px;
}

#content #news dl dt {
	font-weight:bold;
	color:#014682;
	height:19px;
}
#content #news dl dd ul {
	margin:0 0 0 19px;
}
#content #news dl dd ul li {
	list-style:url(../image/navi_list.gif);
	padding:0;
	height:19px;
}
#content #news dl dd ul li.news {list-style:url(../image/list_balloon.gif);}
#content #news dl dd ul li.topic {list-style:url(../image/list_star.gif);}
#content #news dl dd ul li.update {list-style:url(../image/list_check.gif);}

#content #news p.backnum {
	margin:0 0 0 195px;
}
#content #news p.backnum a {
	display:block;
	text-indent:-9999px;
	width:105px;
	height:23px;
	background:url(../image/btn_backnum.gif) no-repeat;
}
#content #news p.backnum a:hover {
	background:url(../image/btn_backnum.gif) no-repeat 0 -23px;
}




/* �áŠQ��’m */
#content #news div.maintenance {
	width:260px;
	margin:5px auto 0;
	padding:10px 10px 2px;
	border-bottom:1px solid #CCC;
	color:#E00;
	overflow:hidden;
}
#content #news div.maintenance p {
	margin:0 0 7px 0;
}
#content #news div.maintenance p.link {
	float:right;
	background:url("../image/navi_list.gif") no-repeat 0 3px;
	padding:0 0 0 11px
}


#content .article { /* ˆê‰Ÿ‚µƒRƒ“ƒeƒ“ƒc‚Æ‹¤—p */
	height:395px;
	overflow:hidden;
}

/* -------------------------------------------
	ichioshi
------------------------------------------- */
#content #ichioshi {
	width:315px;
	height:490px;
	background:url(../image/ichioshi_bg.gif) no-repeat bottom;
	float:right;
}
#content #ichioshi h3 {
	background:url(../image/ichioshi_title.gif) no-repeat;
	width:315px;
	height:57px;
	text-indent:-9999px;
	margin:0 auto 5px;
}
#content #ichioshi dl {
	width:280px;
	margin:0 auto 8px
	/*margin:0 auto 12px*/;
}
#content #ichioshi dl dt {
	font-weight:bold;
	color:#014682;
	background:url(../image/navi_list.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
}
#content #ichioshi dl dd {
	padding:0 0 0 12px;
}
#content #ichioshi dl dt span {
	font-weight:normal;
}
#content #ichioshi dl.topics {
	border-top:1px solid #CCC;
	padding-top:12px;
}
#content #ichioshi dl.topics dd span {
	display:inline-block;
	text-align:right;
	width:260px;
	margin-top:5px;
}
#content #ichioshi dl.topics dd.dot{
	background:url(../image/list_star.gif) no-repeat 5px 2px;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
}
#content #ichioshi dl dt strong {
	color:#333;
}
#content #ichioshi p.character {
	margin:0 0 0 195px;
}
#content #ichioshi p.character a {
	display:block;
	text-indent:-9999px;
	width:105px;
	height:23px;
	background:url(../image/btn_topics.jpg) no-repeat;
}
#content #ichioshi p.character a:hover {
	background:url(../image/btn_topics.jpg) no-repeat 0 -23px;
}




/* -------------------------------------------
	footer
------------------------------------------- */
#footer {
	width:900px;
	height:66px;
	margin:10px 0 0 0;
	background:url(../image/footer_bg.gif) no-repeat;
}
#footer h2 {
	float:left;
}
#footer h2 a {
	display:block;
	width:68px;
	height:66px;
	text-indent:-9999px;
}
#footer ul {
	color:#FFF;
	float:right;
	padding:40px 0 0 0;
}
#footer ul li {
	float:left;
	background:url(../image/footer_list.gif) no-repeat 0 4px;
	padding:0 20px 0 11px;
}

#footer ul li a:link {color:#FFF;}
#footer ul li a:visited {color:#FFF;}
p#copyright {
	width:900px;
	margin:8px auto 10px;
	text-align:center;
	color:#666;
}


/* -------------------------------------------
	�ЊQ‘Ήž
------------------------------------------- */

#info {
	margin:5px 0;
	padding:3px;
	border:1px #FDA0CE solid;
	background-color:#FEF6FA;
	}
	
#info dl dt{
	width:95%;
	font-weight:bold;
	color:#F5288D;
	border-bottom:2px solid;
	margin:5px auto 5px auto;
	padding:0 0 2px 0;
	}
#info dl dd{
	width:95%;
	margin:0 auto 3px auto;
	}