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

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ƒSPro W3", "Hiragino Kaku Gothic Pro", "MS Pƒ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;
	background:url(../image/header_bg.gif) no-repeat left;
}
#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:784px;
	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:20px 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 15px;
	text-indent:-9999px;
	background:url(../image/navi_otanoshimi_top.gif) no-repeat top;
}
#content #otanoshimi div {
	height:55px;
	margin:0 auto 12px;
}

#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 6px;
}
#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;
}





/* -------------------------------------------
	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_wjc2010.jpg) no-repeat;
}
#content #main .top_img h2 a:hover {
	background:url(../image/main_wjc2010.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:395px;
	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;
}

#content #news dl {
	width:280px;
	margin:15px auto 10px;
}

#content #news dl dt {
	font-weight:bold;
	color:#014682;
}
#content #news dl dd ul {
	margin:0 0 0 18px;
}
#content #news dl dd ul li {
	list-style:url(../image/navi_list.gif);
	line-height:1.7;
	padding:0;
}
#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;
}



#content .article { /* ˆκ‰Ÿ‚΅ƒRƒ“ƒeƒ“ƒc‚Ζ‹€—p */
	height:299px;
	overflow:hidden;
}

/* -------------------------------------------
	ichioshi
------------------------------------------- */
#content #ichioshi {
	width:315px;
	height:395px;
	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;
}
#content #ichioshi dl {
	width:280px;
	margin:15px auto 10px;
}
#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 p.character {
	margin:0 0 0 172px;
}
#content #ichioshi p.character a {
	display:block;
	text-indent:-9999px;
	width:128px;
	height:23px;
	background:url(../image/btn_character.gif) no-repeat;
}
#content #ichioshi p.character a:hover {
	background:url(../image/btn_character.gif) 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;
}