@charset "utf-8";
/* CSS Document */
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image: url(../images/picture/body.jpg); 
	background-repeat:no-repeat;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	letter-spacing:0.1em;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}
#indexContainer{
	width: 900px; /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin-left:auto;
	margin-right:auto;/* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background-color: #FFF;
	background-repeat:repeat-y;
	background-repeat:no-repeat;
	border:solid 1px #EFEFF0;
	background-color:#FFF;
}


div#containerUpper{
	width:900px;
	height:1000px;
}

div#containerLower{
	width:900px;
	height:80px;
}



/* ヘッダー */
#header{
	width:900px;
	height:80px;
	background-image:url(../images/picture/header.jpg);
	background-repeat:no-repeat;
}
	
#title{
	width:320px;
	height:44px;
	float:right;
	margin:20px 280px 0 0;
}

.t1{
	font-size:15px;
	color:#333;
	text-align:right;
}

.t2{
	font-size:13px;
	color:#333;
	text-align:right;
}

/* トップページとお問合わせのボタン */
#subbtn{
	width:900px;
	height:35px;
}

.contact{
	width:145px;
	height:32px;
	float:right;
}

.link1 {
	width:145px;
	height:32px;
}

.button1 a{
	display:block;
	width:145px;
	line-height:32px;
	float:right;
	background-image: url(../images/navi/contact_btn1.jpg);
	background-repeat:no-repeat;
}

.button1 img{border:none}


.button1 a:hover{
	background-position:left bottom;
}


.top{
	width:145px;
	height:32px;
	float:right;
}

.link2 {
	width:145px;
	height:32px;
}

.button2 a{
	display:block;
	width:145px;
	line-height:32px;
	float:right;
	background-image: url(../images/navi/contact_btn2.jpg);
	background-repeat:no-repeat;
}

.button2 img{border:none}


.button2 a:hover{
	background-position:left bottom;
}


/* 各商品のボタン */
#commodity{
	width:900px;
	height:80px;
	display:none;
}

.commodity_btn{
	float:left;
	width:215px;
	height:60px;
	margin:10px 0 0 8px;
}

.commodity_link{
	width:215px;
	height:60px;
}

/* トロフィー */
.button3 a{
	display:block;
	width:215px;
	line-height:60px;
	float:right;
	background-image:url(../images/navi/trophie.jpg);
	background-repeat:no-repeat;
}

.button3 img{border:none}

.button3 a:hover{
	background-position:left bottom;
}
	
/* カップ */
.button4 a{
	display:block;
	width:215px;
	line-height:60px;
	float:right;
	background-image:url(../images/navi/cup.jpg);
	background-repeat:no-repeat;
}

.button4 img{border:none}

.button4 a:hover{
	background-position:left bottom;
}

/* メダル */
.button5 a{
	display:block;
	width:215px;
	line-height:60px;
	float:right;
	background-image:url(../images/navi/medaru.jpg);
	background-repeat:no-repeat;
}

.button5 img{border:none}

.button5 a:hover{
	background-position:left bottom;
}

/* 楯 */
.button6 a{
	display:block;
	width:215px;
	line-height:60px;
	float:right;
	background-image: url(../images/navi/shields.jpg);
	background-repeat:no-repeat;
}

.button6 img{border:none}

.button6 a:hover{
	background-position:left bottom;
}

/* スライドショー */
#slid_main{
	width:900px;
	height:230px;
	background-image:url(../images/picture/b_center.jpg);
	float:left;
	display:none;
}

.subtitle{
	width:900px;
	height:40px;
	color:#FFF;
	font:100% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:27px;
	font-weight:bold;
	padding-top:20px;
}
/* パネル */
*{
	margin:0;
	padding:0;
}
#carouselWrap{
	margin:5px auto;
	width:860px;
	height:135px;
	padding:5px;
	background-image:url(../slide1/background.gif);
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:65px;
	left:-8px;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	top:65px;
	right:-8px;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner ul.column{
	width:835px;
	height:105px;
	padding:8px 0 15px 22px;
	list-style-type:none;
	float:left;
}
#carouselInner ul.column li{
	float:left;
	margin-right:10px;
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}


/* 各アイテムのボタン */
#itemplate{
	width:900px;
	height:67px;
	float:left;
	background-image:url(../images/picture/b_down.jpg);
	display:none;
}
.item_btn{
	float:left;
	width:215px;
	height:40px;
	margin:10px 0 0 8px;
}

.item_link{
	width:215px;
	height:40px;
}

/* スポーツ関連 */
.button7 a{
	display:block;
	width:215px;
	line-height:40px;
	float:right;
	background-image: url(../images/navi/sports_on.jpg);
	background-repeat:no-repeat;
}

.button7 img{border:none}

.button7 a:hover{
	background-position:left bottom;
}

/* 文化関連 */
.button8 a{
	display:block;
	width:215px;
	line-height:40px;
	float:right;
	background-image: url(../images/navi/cultures.jpg);
	background-repeat:no-repeat;
}

.button8 img{border:none}

.button8 a:hover{
	background-position:left bottom;
}

/* 会社概要 */
.button9 a{
	display:block;
	width:215px;
	line-height:40px;
	float:right;
	background-image: url(../images/navi/business.jpg);
	background-repeat:no-repeat;
}

.button9 img{border:none}

.button9 a:hover{
	background-position:left bottom;
}

/* お勧め品 */
.button10 a{
	display:block;
	width:215px;
	line-height:40px;
	float:right;
	background-image: url(../images/navi/select.jpg);
	background-repeat:no-repeat;
}

.button10 img{border:none}

.button10 a:hover{
	background-position:left bottom;
}



#s_coments{
	width:845px;
	height:25px;
	float:left;
	font-size:13px;
	color:#333;
	text-align:left;
	padding:20px 20px 15px 35px;
}



#sports_main{
	width:900px;
	height:1110px;
	float:left;
	background-image:url(../images/picture/sportsmatto.jpg);
	background-repeat:no-repeat;
}

.IN_title{
	width:850px;
	height:37px;
	font-size:15px;
	color:#333;
	text-align:left;
	line-height:40px;
	padding:3px 0 0 50px;
	float:left;
}

.item{
	width:150px;
	height:470px;
	float:left;
	margin:25px 0 0 25px;
}

#sports{
	border:1px solid #CCC;
	border-collapse:collapse;
}


#sports th{
	border:1px solid #CCC;
	border-collapse:collapse;
	font-size:11px;
	color:#333;
}

/* フッターリンク部分 */
#footer{
	width:900px;
	height:80px;
	background-image:url(../images/picture/footer.jpg);
	display:none;
}

/*  フッターーメニュー */
ul#menu{
		list-style-type:none;
		margin-right:30px;
		padding-top:30px;
        font-size:10px;
		}

ul#menu li{
		display:inline;
		padding-left:25px;
		background-image: url(../images/navi/boder.jpg);
	    background-repeat:no-repeat;
	    background-position:10px 3px;
		font-size:10px;
}


ul#menu li a{
		text-decoration:none;
		text-align:center;
		color:#333;
		font-size:10px;
}

		
ul#menu li a:hover{
		color:#00009B;
		border-bottom:1px solid #0052A5;
		font-size:10px;}