@charset "UTF-8";

/* MAIN						##################################### */

div#brand-box{
	margin-top: 20px;
	width: 700px;
}

	/* brand-tab */
	div#brand-box div.brand-tab{
		overflow: hidden;
		width: 700px;
		background: url(/images/btn_tab/tab_bg.jpg) no-repeat center top; height: 30px;
	}

		div.brand-tab p{
			position:absolute;
		}

			div.brand-tab p a{
				display: block;
				width: 50px; height: 30px;
				text-indent: -9999px;
				overflow: hidden;
				outline: none;
			}

			/* �A�s */
			div.brand-tab p.current-a a{
				position:absolute;
				top:0px; left:10px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat 0px 0px;
			}

			div.brand-tab p.a a{
				position:absolute;
				top:0px; left:10px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat 0px -30px;
			}

			div.brand-tab p.a a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat 0px -60px;
			}

			/* �J�s */
			div.brand-tab p.current-ka a{
				position:absolute;
				top:0px; left:65px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -55px 0px;
			}

			div.brand-tab p.ka a{
				position:absolute;
				top:0px; left:65px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -55px -30px;
			}

			div.brand-tab p.ka a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -55px -60px;
			}

			/* �T�s */
			div.brand-tab p.current-sa a{
				position:absolute;
				top:0px; left:120px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -110px 0px;
			}

			div.brand-tab p.sa a{
				position:absolute;
				top:0px; left:120px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -110px -30px;
			}

			div.brand-tab p.sa a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -110px -60px;
			}

			/* �^�s */
			div.brand-tab p.current-ta a{
				position:absolute;
				top:0px; left:175px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -165px 0px;
			}

			div.brand-tab p.ta a{
				position:absolute;
				top:0px; left:175px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -165px -30px;
			}

			div.brand-tab p.ta a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -165px -60px;
			}

			/* �i�s */
			div.brand-tab p.current-na a{
				position:absolute;
				top:0px; left:230px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -220px 0px;
			}

			div.brand-tab p.na a{
				position:absolute;
				top:0px; left:230px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -220px -30px;
			}

			div.brand-tab p.na a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -220px -60px;
			}

			/* �n�s */
			div.brand-tab p.current-ha a{
				position:absolute;
				top:0px; left:285px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -275px 0px;
			}

			div.brand-tab p.ha a{
				position:absolute;
				top:0px; left:285px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -275px -30px;
			}

			div.brand-tab p.ha a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -275px -60px;
			}

			/* �}�s */
			div.brand-tab p.current-ma a{
				position:absolute;
				top:0px; left:340px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -330px 0px;
			}

			div.brand-tab p.ma a{
				position:absolute;
				top:0px; left:340px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -330px -30px;
			}

			div.brand-tab p.ma a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -330px -60px;
			}

			/* ���s */
			div.brand-tab p.current-ya a{
				position:absolute;
				top:0px; left:395px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -385px 0px;
			}

			div.brand-tab p.ya a{
				position:absolute;
				top:0px; left:395px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -385px -30px;
			}

			div.brand-tab p.ya a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -385px -60px;
			}

			/* ���s */
			div.brand-tab p.current-ra a{
				position:absolute;
				top:0px; left:450px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -440px 0px;
			}

			div.brand-tab p.ra a{
				position:absolute;
				top:0px; left:450px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -440px -30px;
			}

			div.brand-tab p.ra a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -440px -60px;
			}

			/* ���s */
			div.brand-tab p.current-wa a{
				position:absolute;
				top:0px; left:505px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -495px 0px;
			}

			div.brand-tab p.wa a{
				position:absolute;
				top:0px; left:505px;
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -495px -30px;
			}

			div.brand-tab p.wa a:hover{
				background: url(/images/btn_tab/btn_word.jpg) no-repeat -495px -60px;
			}


	/* brand-ul */
	div#brand-box div.brand-ul{
		overflow: hidden;
		width: 698px;
		border: solid #d1d9db;
		border-width: 0 1px;
	}

	div#brand-box div.brand-ul ul{
		overflow: hidden;
		margin: 20px auto 0;
		width: 700px;
	}

	div#brand-box div.brand-ul ul.end{
		margin-bottom: 10px;
	}

	div#brand-box div.brand-ul li{
		float: left;
		display: inline;
		margin-left:10px;
		margin-right:10px;
		width:118px;
/*		width: 100px;
		margin-right: 15px;
		margin-left:5px;*/
	}

	div#brand-box div.brand-ul  li.top{
		margin-left: 35px;
	}

	div#brand-box div.brand-ul  li.end{
		margin-right: 0;
	}

	div.brand-ul strong{
		font-weight: bold;
	}

/* box-bottom */
div.box-bottom{
	text-indent: -9999px;
	width: 700px; height: 10px;
	background: url(/images/09/box_bottom.gif) no-repeat center top;
}

