@charset "shift_jis";

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

	Butterfly TopPageElements

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

body#top #header {
	width: 1000px;
	height: 440px;
	background: none;
}

body#top #wrapper {
	padding: 15px 34px 50px 34px;
	width: auto;

	/*	width: 932px;*/

}



/* -------------------------------
	CONTENTS BANNER
------------------------------- */
body#top ul#contents_banner {
	margin-bottom: 12px;
	width: 932px;
}

body#top ul#contents_banner li {
	margin-right: 11px;
	width: 303px;
	height: 109px;
	float: left;
	display: inline;
	text-indent: -9999px;
}
body#top ul#contents_banner li a {
	width: 303px;
	height: 109px;
	display: block;
}

body#top ul#contents_banner li.contents01 {background: transparent url(../img/top/contents_bn01.gif) no-repeat top left;}
body#top ul#contents_banner li.contents02 {background: transparent url(../img/top/contents_bn02.gif) no-repeat top left;}
body#top ul#contents_banner li.contents03 {background: transparent url(../img/top/contents_bn03.gif) no-repeat top left;margin-right:0;}



/* -------------------------------
	INFORMATION / NEWS [ BASE ]
------------------------------- */
body#top #information {
	margin-bottom: 10px;
	width: 557px;
	background: transparent url(../img/top/information_bg.gif) repeat-y top left;
	float: left;
	display: block;
}

body#top #information h2 {
	width: 557px;
	height: 61px;
	background: transparent url(../img/top/information_title.gif) no-repeat top left;
	text-indent: -9999px;
	position: relative;
}

body#top #information .areabottom {
	margin-top: 20px;
	width: 557px;
	height: 10px;
	background: transparent url(../img/top/information_btm.gif) no-repeat top left;
	display: block;
}

body#top #leftcolumn {
	width: 557px!important;
	float: left;
       margin-right:20px;
}

body#top #rightcolumn {
	width: 354px!important;
	float: right;
}

body#top #news {
	width: 354px;
	background: transparent url(../img/top/news_bg.gif) repeat-y top left;
}

body#top #news h2 {
	width: 354px;
	height: 61px;
	background: transparent url(../img/top/news_title.gif) no-repeat top left;
	text-indent: -9999px;
	position: relative;
}

body#top #news .areabottom {
	margin-top: 10px;
	width: 354px;
	height: 10px;
	background: transparent url(../img/top/news_btm.gif) no-repeat top left;
	display: block;
}

body#top #information h2 a,
body#top #wtt2009 h2 a,
body#top #closeup h2 a,
body#top #news h2 a {
	background: transparent url(../img/arrow01.gif) no-repeat 0 2px;
	position: absolute;
	top: 17px;
	right: 20px;
	text-indent: 13px!important;
	font-weight: lighter;
	font-size: 12px;
}

body#top h2 a:link { text-decoration:underline; color: #fe6eaa;}
body#top h2 a:visited { text-decoration:underline; color: #fe6eaa;}
body#top h2 a:active { text-decoration:none; color: #fe6eaa;}
body#top h2 a:hover { text-decoration:none; color: #fe6eaa;}



/* -------------------------------
	2009YOKOHAMA
------------------------------- */
body#top #wtt2009 {
	margin-bottom: 10px;
	width: 354px;
	background: transparent url(../img/top/news_bg.gif) repeat-y top left;
}

body#top #wtt2009 h2 {
	width: 354px;
	height: 61px;
	background: transparent url(../img/top/2009yokohama_title.gif) no-repeat top left;
	text-indent: -9999px;
	position: relative;
}

body#top #wtt2009 .areabottom {
	width: 354px;
	height: 10px;
	background: transparent url(../img/top/news_btm.gif) no-repeat bottom left;
	display: block;
}

body#top #wtt2009 dl {
	margin: 0 0 0 30px;
	padding-bottom: 15px;
	width: 295px;
}

body#top #wtt2009 dl dt {
	padding-bottom: 5px;
	width: 295px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #ff66a5;
}

body#top #wtt2009 dl dd {
	width: 295px;
	font-size: 12px;
	line-height: 160%;
}

body#top #wtt2009 dl.head dd p {
	margin-bottom: 10px;
	width: 200px;
	float: left;
}

body#top #wtt2009 dl a:link { text-decoration:underline; color: #ff66a5;}
body#top #wtt2009 dl a:visited { text-decoration:underline; color: #ff66a5;}
body#top #wtt2009 dl a:active { text-decoration:none; color: #ff66a5;}
body#top #wtt2009 dl a:hover { text-decoration:none; color: #ff66a5;}

body#top #wtt2009 dl dd a:link { text-decoration:none; color: #ff66a5;}
body#top #wtt2009 dl dd a:visited { text-decoration:none; color: #ff66a5;}
body#top #wtt2009 dl dd a:active { text-decoration:none; color: #ff66a5;}
body#top #wtt2009 dl dd a:hover { text-decoration:underline; color: #ff66a5;}



/* -------------------------------
	INFORMATION / NEWS [ DETAIL ]
------------------------------- */

/*INFORMATION
--------------------------------*/
body#top #information dl {
	margin: 0 0 10px 55px;
	padding-bottom: 10px;
	width: 480px;
	border-bottom: #999999 1px dashed;
}

body#top #information dl dt {
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
}

body#top #information dl dd {
	font-size: 12px;
	line-height: 160%;
	width:440px;
}

body#top #information dl dt a:link { text-decoration:underline; color: #066bdb;}
body#top #information dl dt a:visited { text-decoration:underline; color: #066bdb;}
body#top #information dl dt a:active { text-decoration:none; color: #066bdb;}
body#top #information dl dt a:hover { text-decoration:none; color: #066bdb;}

body#top #information dl dd img,
body#top #news dl.head dd img,
body#top #wtt2009 dl.head dd img {
	margin-right: 10px;
	float: left;
}



/*ARCHIVES
--------------------------------*/
body#top #archives {
	margin-bottom: 5px;
	width: 557px;
	background: transparent url(../img/top/information_bg.gif) repeat-y top left;
	display: block;
       margin-top: 5px;
	padding:0;
	clear: both;
}

body#top #archives h2 {
	width: 557px;
	height: 61px;
	background: transparent url(../img/top/archives_title.gif) no-repeat top left;
	text-indent: -9999px;
        display: block;
        clear:both;
        margin:0px;
}

body#top #archives .areabottom {
	margin-top: 20px;
	width: 557px;
	height: 10px;
	background: transparent url(../img/top/information_btm.gif) no-repeat top left;
	display: block;
}

#archives dl{
	border-bottom:#999999 1px dashed;
	clear: both;
	margin-left: 50px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display: block;
	height: 14px;
	width: 480px;
}


#archives dt{
	float:left;
	font-weight: 600;
	width: 110px;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#archives dd{
	float:left;
	font-size: 12px;
	display: block;
	margin-left: 10px;
}



body#top #archives dl a:link { text-decoration:underline; color: #066bdb;}
body#top #archives dl a:visited { text-decoration:underline; color: #066bdb;}
body#top #archives dl a:active { text-decoration:none; color: #066bdb;}
body#top #archives dl a:hover { text-decoration:none; color: #066bdb;}



/*NEWS
--------------------------------*/
body#top #news dl {
	margin: 0 0 0 30px;
	padding-bottom: 15px;
	width: 295px;
}

body#top #news dl dt {
	padding-bottom: 5px;
	width: 295px;
	font-size: 14px;
	line-height: 120%;
	font-weight: bold;
	color: #ff66a5;
}

body#top #news dl dd {
	width: 295px;
	font-size: 12px;
	line-height: 160%;
}

body#top #news dl a:link { text-decoration:underline; color: #ff66a5;}
body#top #news dl a:visited { text-decoration:underline; color: #ff66a5;}
body#top #news dl a:active { text-decoration:none; color: #ff66a5;}
body#top #news dl a:hover { text-decoration:none; color: #ff66a5;}

body#top #news dl dd a:link { text-decoration:none; color: #ff66a5;}
body#top #news dl dd a:visited { text-decoration:none; color: #ff66a5;}
body#top #news dl dd a:active { text-decoration:none; color: #ff66a5;}
body#top #news dl dd a:hover { text-decoration:underline; color: #ff66a5;}

body#top #news .morelist dl {
	padding-bottom: 5px;
	text-align: left;
	position: relative;
}

body#top #news .morelist dl dt {
	top : 0;
	left: 0;
	width: 40px;
	height: 1.5em;
	position: absolute;
	font-weight: lighter;
	overflow: hidden;
}

body#top #news .morelist dl dd {
	margin-left: 40px;
	width: 255px;
	height: 1.5em;
	overflow: hidden;
}

body#top #news dl.head dd p {
	width: 200px;
	float: left;
}

body#top #news dl.head2 dd p {
	width: 305px;
	
       margin-bottom:10px;
}

/*INFORMATION / NEWS RSS
--------------------------------*/
body#top .rssfield {
	width: 100%;
	height: 8px;
	position: relative;
}
body#top .rssfield img {
	top: -15px;
	right: 20px;
	position: absolute;
}



/*卓球レポート
--------------------------------*/
body#top dl.book_report {
	margin: 0px 0 0 50px;
	width: 270px;
	height: 140px;
	position: relative;
}

body#top dl.book_report dt {
	width: 100px;
}

body#top dl.book_report dd {
	width: 160px;
	font-size: 12px;
	line-height: 160%;
	position: absolute;
	top: 0;
	left: 115px;
}
#book_report_box h2 {
	width: 354px;
	height: 61px;
	background: transparent url(../img/top/report_title.gif) no-repeat top left;
	text-indent: -9999px;
        display: block;
        margin-top: 10px;
}

#book_report_box .areatop{
	margin-top: 10px;
	width: 354px;
	height: 10px;
	background: transparent url(../img/top/box_report_top.gif) no-repeat top left;
	display: block;
}

body#top #book_report_box {
	margin-bottom: 10px;
	background: transparent url(../img/top/news_bg.gif) repeat-y top left;
	display:block;}

#book_report_box .areabottom {
	margin-top: 10px;
	width: 354px;
	height: 10px;
	background: transparent url(../img/top/news_btm.gif) no-repeat top left;
	display: block;
	clear: both;
}

#bt_report{
	display: block;
	margin:10px auto;
        _margin:10px 0 0 25px ;

	width: 298px;_width:305px;
	padding: 0;
}

#bt_report li{
	float:left;
	margin: 5px;_magin:5px 2px;
	list-style: none;
}

#book_new {
	display: block;
	width: 139px;
	height: 30px;
	background:url(img/top/bt_new_report.jpg);
}

#book_new a{
	display: block;
	width: 139px;
	height: 30px;
	background:url(../img/top/bt_new_report.gif);
	text-indent: -9999px;
}

#book_lesson {
	display: block;
	width: 139px;
	height: 30px;
}
#book_lesson a{
	display: block;
	width: 139px;
	height: 30px;
	background:url(../img/top/bt_lesson.gif);
	text-indent: -9999px;
}


#book_year {
	display: block;
	width: 139px;
	height: 30px;
	background:url(img/top/bt_new_report.jpg);
}

#book_year a{
	display: block;
	width: 139px;
	height: 30px;
	background:url(../img/top/bt_year.gif);
	text-indent: -9999px;
}

#book_back {
	display: block;
	width: 139px;
	height: 30px;
}
#book_back a{
	display: block;
	width: 139px;
	height: 30px;
	background:url(../img/top/bt_back.gif);
	text-indent: -9999px;
}

#bt_report li a:hover{filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;} 


/*GoodsBanner
--------------------------------*/


#mb_area{
	background: url(../img/top/qr2.gif);
	height: 80px;
	_height:150px;
	padding: 70px 0 0 140px;
}

#mb_area p {
	font-size: 75%;
	margin-bottom:10px;
}



/*BottomBanner
--------------------------------*/
body#top ul.goodsbanner {
	height: 85px;
	clear: both;
}

body#top ul.goodsbanner li {
	float: left;
	display: inline;
}


/* -------------------------------
	CLOSEUP
------------------------------- */
body#top #closeup {
	margin-bottom: 10px;
	width: 557px;
	background: transparent url(../img/top/information_bg.gif) repeat-y top left;
	float: left;
	display: block;
}

body#top #closeup h2 {
	width: 557px;
	height: 61px;
	background: transparent url(../img/top/closeup_title.gif) no-repeat top left;
	text-indent: -9999px;
	position: relative;
}

body#top #closeup .areabottom {
	margin-top: 20px;
	width: 557px;
	height: 10px;
	background: transparent url(../img/top/information_btm.gif) no-repeat bottom left;
	display: block;
}

body#top #closeup p {
	padding: 0 0 0 38px;
	width: 480px;
	text-align: center;
}