@import url("top.css");
@import url("catalog.css");
@import url("privacy.css");
@import url("news.css");
@import url("blog.css");
@import url("sitemap.css");
@import url("company.css");
@import url("contact.css");
@import url("blogsensyu.css");
@import url("baseball.css");
@import url("teaball.css");
@import url("softball.css");
@import url("gymasticball.css");
@import url("trimUnicarl.css");
@import url("trimBocya.css");
@import url("trimRackettennis.css");
@import url("trimVolleyball.css");
@import url("trimStickball.css");
@import url("courtmat.css");
@import url("softtennis.css");
@import url("recreation.css");
@import url("catalogLeftmenu.css");
/*----------------------------
/*----------------------------
@import url("contact.css");
/*------------------------------------
	共通設定
------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #515151;
	background:url(../images/bg.gif) center top no-repeat;
	text-align:center;
	overflow-y:scroll !important;
	overflow-y:none;
}

ol, ul {
	list-style-type: none;
}

/* リンク設定 */
a {
	/*\*/
   overflow: hidden;
	/**/
}
a:link { text-decoration: underline; color:#740516;}
a:active { text-decoration: underline; color:#740516;}
a:visited { text-decoration: underline; color:#740516;}
a:hover { text-decoration: none; color:#740516;}

hr {
	display: none;
}

img {
	border: 0px;	
}

div.clear {
	text-indent:-9999px;
	clear: both !important;
	overflow: hidden;
	line-height: 0;
}







/*------------------------------------
	container 
------------------------------------ */
#container {
	margin: 0 auto;
	text-align:left;
}

/*------------------------------------
	header 
------------------------------------ */
#container div.header  {
	margin:15px auto 0 auto;
	padding:0;
	width:800px;
	height:42px;
}

#container div.header h1 {
	background:url(../images/header_logo.gif) left top no-repeat;
	text-indent: -9999px;
	display:block;
	width:160px;
	height:28px;
	float:left;
}

#container div.header .linkArea {
	float:right;
	margin:25px 0 0 0;
	padding:0;
	width:110px;
}

#container div.header .linkArea .usSite a{
	background:url(../images/header_link_ussite.gif) left top no-repeat;
	text-indent: -9999px;
	display:block;
	float:left;
	width:40px;
	height:11px;
	margin:0 13px 0 0;
}
#container div.header .linkArea .usSite a:hover{
	background:url(../images/header_link_ussiteON.gif) left top no-repeat;
}

#container div.header .linkArea .usTennis a{
	background:url(../images/header_link_ustennis.gif) left top no-repeat;
	text-indent: -9999px;
	display:block;
	float:left;
	width:57px;
	height:11px;
}
#container div.header .linkArea .usTennis a:hover{
	background:url(../images/header_link_ustennisON.gif) left top no-repeat;
}


/*------------------------------------
	menu 
------------------------------------ */
#container div.menuBg  {
	height:55px;
	background:url(../images/menu_bg.gif) center top no-repeat;
}

#container div.menu {
	width:800px;
	height:52px;
	margin:0 auto;
}


#container div.menu li{
	height:52px;
	width:200px;
	float:left;
	display:inline;
	text-indent: -9999px;
}
#container div.menu li a{
	height:52px;
	width:200px;
	float:left;
	display:block;
	text-indent: -9999px;
	text-decoration:none;
}

#container div.menu li.home {
	background:url(../images/menu_homeON.gif) left top no-repeat;
}
#container div.menu li.home a {
	background:url(../images/menu_homeOFF.gif) left top no-repeat;
}
#container div.menu li.home a:hover {
	background:url(../images/menu_homeON.gif) left top no-repeat;
}

#container div.menu li.catalog {
	background:url(../images/menu_catalogON.gif) left top no-repeat;
}
#container div.menu li.catalog a {
	background:url(../images/menu_catalogOFF.gif) left top no-repeat;
}
#container div.menu li.catalog a:hover {
	background:url(../images/menu_catalogON.gif) left top no-repeat;
}

#container div.menu li.news {
	background:url(../images/menu_newsON.gif) left top no-repeat;
}
#container div.menu li.news a {
	background:url(../images/menu_newsOFF.gif) left top no-repeat;
}
#container div.menu li.news a:hover {
	background:url(../images/menu_newsON.gif) left top no-repeat;
}

#container div.menu li.blog {
	background:url(../images/menu_blogON.gif) left top no-repeat;
}
#container div.menu li.blog a {
	background:url(../images/menu_blogOFF.gif) left top no-repeat;
}
#container div.menu li.blog a:hover {
	background:url(../images/menu_blogON.gif) left top no-repeat;
}

/*------------------------------------
	menuBasic 
------------------------------------ */
#container .menuBasicBg  {
	height:55px;
	margin:0 auto;
	background:url(../images/menuBlue_bg.gif) center top no-repeat;
}

#container .menuBasic {
	width:800px;
	height:52px;
	margin:0 auto;
}


#container .menuBasic li{
	height:52px;
	width:200px;
	float:left;
	display:inline;
	text-indent: -9999px;
}
#container .menuBasic li a{
	height:52px;
	width:200px;
	float:left;
	display:block;
	text-indent: -9999px;
	text-decoration:none;
}

#container .menuBasic li.home {
	background:url(../images/menu_homeON.gif) left top no-repeat;
}
#container .menuBasic li.home a {
	background:url(../images/menu_homeOFF.gif) left top no-repeat;
}
#container .menuBasic li.home a:hover {
	background:url(../images/menu_homeON.gif) left top no-repeat;
}

#container .menuBasic li.catalog {
	background:url(../images/menu_catalogON.gif) left top no-repeat;
}
#container .menuBasic li.catalog a {
	background:url(../images/menu_catalogOFF.gif) left top no-repeat;
}
#container .menuBasic li.catalog a:hover {
	background:url(../images/menu_catalogON.gif) left top no-repeat;
}

#container .menuBasic li.news {
	background:url(../images/menu_newsON.gif) left top no-repeat;
}
#container .menuBasic li.news a {
	background:url(../images/menu_newsOFF.gif) left top no-repeat;
}
#container .menuBasic li.news a:hover {
	background:url(../images/menu_newsON.gif) left top no-repeat;
}

#container .menuBasic li.blog {
	background:url(../images/menu_blogON.gif) left top no-repeat;
}
#container .menuBasic li.blog a {
	background:url(../images/menu_blogOFF.gif) left top no-repeat;
}
#container .menuBasic li.blog a:hover {
	background:url(../images/menu_blogON.gif) left top no-repeat;
}



/*------------------------------------
	contents topPage
------------------------------------ */
#container #contentsTop{
	margin:0 auto;
	text-align:left;
	width:800px;
	color: #fff;
}
/*------------------------------------
	contents 
------------------------------------ */
#contentsBg{
	margin: 0 auto;
	text-align:left;
	background:#FFFFFF;
}
#contentsBg .contents{
	width:800px;
	margin: 0 auto;
	color:#333333;
	background:url(../images/contentsBg.gif) center top repeat-y;
}

/*------------------------------------
	Pagetop 
------------------------------------ */

#btnPagetopArea {
	width:800px;
	margin: 0 auto;
	background:url(../images/contentsBg.gif) center top repeat-y;
}
#btnPagetopArea .btnPagetop a {
	height:10px;
	width:96px;
	margin:0 25px 12px 0 !important;
	margin:0 13px 12px 0;
	float:right;
	display:block;
	text-indent: -9999px;
	background:url(../images/btn_pagetop.gif) left top no-repeat;
}
#btnPagetopArea .btnPagetop a:hover {
	background:url(../images/btn_pagetop.gif) left top no-repeat;
}

#btnPagetopArea .btnPagetopBlue a {
	height:10px;
	width:96px;
	margin:0 25px 12px 0 !important;
	margin:0 13px 12px 0;
	float:right;
	display:block;
	text-indent: -9999px;
	background:url(../images/btn_pagetopBlue.gif) left top no-repeat;
}
#btnPagetopArea .btnPagetopBlue a:hover {
	background:url(../images/btn_pagetopBlue.gif) left top no-repeat;
}

/*------------------------------------
	footer topページ
------------------------------------ */
#topfooterBox {
	border-top: 1px solid #1D1D1D;
	text-align:center;
}

#topfooterBox .footer {
	width:800px;
	margin:0 auto;
	padding:10px 0 10px 0;
}
#topfooterBox .footer .copyright{
	float:left;
	height:17px;
	width:244px;
	text-indent: -9999px;
	background:url(../images/footer_copyright.gif) left center no-repeat;
}

#topfooterBox .footer .footerMenu{
	float:right;
}

#topfooterBox .footer .footerMenu li{
	text-indent: -9999px;
	display:inline;
	float:left;
	height:17px;
}
#topfooterBox .footer .footerMenu li a{
	text-indent: -9999px;
	display:block;
	height:17px;
	text-decoration:none;
}

#topfooterBox .footer .footerMenu li.company a{
	background:url(../images/footer_companyOFF.gif) left center no-repeat;
	width:44px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#topfooterBox .footer .footerMenu li.company a:hover{
	background:url(../images/footer_companyON.gif) left center no-repeat;
}

#topfooterBox .footer .footerMenu li.privacy a{
	background:url(../images/footer_privacyOFF.gif) left center no-repeat;
	width:108px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#topfooterBox .footer .footerMenu li.privacy a:hover{
	background:url(../images/footer_privacyON.gif) left center no-repeat;
}

#topfooterBox .footer .footerMenu li.contact a{
	background:url(../images/footer_contactOFF.gif) left center no-repeat;
	width:66px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#topfooterBox .footer .footerMenu li.contact a:hover{
	background:url(../images/footer_contactON.gif) left center no-repeat;
}

#topfooterBox .footer .footerMenu li.sitemap a{
	background:url(../images/footer_sitemapOFF.gif) left center no-repeat;
	width:66px;
}
#topfooterBox .footer .footerMenu li.sitemap a:hover{
	background:url(../images/footer_sitemapON.gif) left center no-repeat;
	width:66px;
}


/*------------------------------------
	footer 
------------------------------------ */
#footerBox {
	border-top: 1px solid #1D1D1D;
	text-align:center;
	background:#000000;
}

#footerBox .footer {
	width:800px;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	padding:10px 0 0 0;
}
#footerBox .footer .copyright{
	float:left;
	height:17px;
	width:244px;
	text-indent: -9999px;
	background:url(../images/footer_copyright.gif) left center no-repeat;
}

#footerBox .footer .footerMenu{
	float:right;
}

#footerBox .footer .footerMenu li{
	text-indent: -9999px;
	display:inline;
	float:left;
	height:17px;
}
#footerBox .footer .footerMenu li a{
	text-indent: -9999px;
	display:block;
	height:17px;
	text-decoration:none;
}

#footerBox .footer .footerMenu li.company{
	background:url(../images/footer_companyON.gif) left center no-repeat;
	width:44px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#footerBox .footer .footerMenu li.company a{
	background:url(../images/footer_companyOFF.gif) left center no-repeat;
	width:44px;
}
#footerBox .footer .footerMenu li.company a:hover{
	background:url(../images/footer_companyON.gif) left center no-repeat;
}

#footerBox .footer .footerMenu li.privacy{
	background:url(../images/footer_privacyON.gif) left center no-repeat;
	width:108px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#footerBox .footer .footerMenu li.privacy a{
	background:url(../images/footer_privacyOFF.gif) left center no-repeat;
	width:108px;
}
#footerBox .footer .footerMenu li.privacy a:hover{
	background:url(../images/footer_privacyON.gif) left center no-repeat;
}

#footerBox .footer .footerMenu li.contact{
	background:url(../images/footer_contactON.gif) left center no-repeat;
	width:66px;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right: 1px solid #1D1D1D;
}
#footerBox .footer .footerMenu li.contact a{
	background:url(../images/footer_contactOFF.gif) left center no-repeat;
}
#footerBox .footer .footerMenu li.contact a:hover{
	background:url(../images/footer_contactON.gif) left center no-repeat;
}

#footerBox .footer .footerMenu li.sitemap{
	background:url(../images/footer_sitemapON.gif) left center no-repeat;
	width:66px;
}
#footerBox .footer .footerMenu li.sitemap a{
	background:url(../images/footer_sitemapOFF.gif) left center no-repeat;
	width:66px;
}
#footerBox .footer .footerMenu li.sitemap a:hover{
	background:url(../images/footer_sitemapON.gif) left center no-repeat;
	width:66px;
}