@charset "UTF-8";

* {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
	font-size:100.01%;
	margin:0;
	padding:0;
	}

body {
/*	background:url("../img/body.gif");*/
	}

h1 {
	font-size:2em;
	margin:36px 0 24px 0;
	}
h2,
h3 {
	margin:0 0 0.3em 0;
	}

/* ==================================================== */
#lineup {
	}
	#lineup ul {
		margin:0 0 80px 0;
		}
		#lineup ul li {
			float:left;
			display:inline;
			width:164px;
			height:164px;
			list-style:none;
/*			padding:0 2px 2px 0;*/
			padding:0 0 24px 0;
			display:inline-block;
			overflow:hidden;
/*			background:url("../img/lineup.png") no-repeat;*/
			}
			#lineup ul li a {
				display:block;
				width:158px;
				height:158px;
				margin:1px;
				}
			#lineup ul li:hover,
			#lineup ul li a:hover {
				opacity:0.5;/* Firefox, Opera, Chrome, Safari */
				filter:alpha(opacity=50);/* below IE8 */
					}


/* ==================================================== */
#category {
	position:absolute;
	position:fixed;
	top:50px;
	left:30px;
	}
	#category ul li {
		background-repeat:no-repeat;
		}
		#category ul ul {
			margin:0.6em 0 2em 0;
			}

			#category li#men,
			#category li#women,
			#category li#school,
			#category li#finger {
				list-style:none;
				width:auto;
				height:16px;
				margin-bottom:0.5em;
				}

			#category li#men a,
			#category li#women a,
			#category li#school a,
			#category li#finger a {
				display:block;
				height:13px;
				text-indent:-9999em;
				overflow:hidden;
				background-repeat:no-repeat;
				background-image:url("../img/category_menu.png");
				}

			#category li#men a {
				width:40px;
				background-position:0 0;
				}
			#category li#women a {
				width:71px;
				background-position:0 -30px;
				}
			#category li#school a {
				width:119px;
				background-position:0 -60px;
				}
			#category li#finger a {
				width:108px;
				background-position:0 -90px;
				}
				#category li#men a:hover {
					background-position:-130px 0;
					}
				#category li#women a:hover {
					background-position:-130px -30px;
					}
				#category li#school a:hover {
					background-position:-130px -60px;
					}
				#category li#finger a:hover {
					background-position:-130px -90px;
					}
			

/* ==================================================== */
a {
	border:0;
	outline:none;
	}
	a img {
		border:0;
		vertical-align:bottom;
		}

a:link {
	color:#000000;
	text-decoration:underline;
	}
a:hover {
	color:#bcbcbc;
	text-decoration:none;
	}


/* ==================================================== */
.clearfix:after { /*floatの解除、ここがポイント*/
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		content:".";
		}
	.clearfix {
		min-height:1px; /*IE6、7対策*/
		}
	* html .clearfix {
		height:1px;
		/*\*//*/ /*MAC IE5.x対策*/
		height:auto;
		overflow:hidden;
		/**/
		}


/* ==================================================== */
#stage {
	padding:12px;
	margin-left:200px;
	}


/* ==================================================== */
#footer {
	font-size:75%;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:auto;
	padding:18px 0 6px 0;
	z-index:99;
	background:url("../img/footer_bg.png") repeat-x left top;
	}
	#footer address {
		float:left;
		font-style:normal;
		color:#cccccc;
		margin-left:2em;
		}



	#footer #pageTop {
		display:none;
		_display:block;/* for IE6 hack */
		*display:block;/* for IE7 hack */
		.display:block;/* for IE8 hack */
		position:absolute;
		top:-18px;
		right:12px;
		height:36px;
		background:url("../img/pagetop.png") no-repeat left top;
		}
		#footer #pageTop a {
			display:block;
			text-indent:-9999em;
			overflow:hidden;
			position:relative;
			top:12px;
			width:140px;
			height:24px;
			}
		#footer #pageTop:hover {
			background:url("../img/pagetop.png") no-repeat right top;
			}