@charset "UTF-8";

/*@import url("html5reset.css");*/
/*@import url("top.css");*/
/*@import url("sphone.css");*/

/* TAG						##################################### */

body{	
	background-color: #fff;
	color: #000;
	font-size: 85%;
	line-height: 1.6;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
}


li{
list-style-type: none;
}

	
img {
	border:0;vertical-align: text-bottom;
}

p {color: #000;margin-bottom:1.5em;}

hr {margin:0;padding:0;font-size:100%;}

a{outline : 0 ;font-size:85%;line-height: 1.4;}
a:link{color:#0084ff;text-decoration:underline;}
a:visited{color:#0084ff;text-decoration:underline;}
a:hover{color:#0066ff;text-decoration:underline;}

span.txt-red{ color:#F00;}

/* HEADER					##################################### */

/* menu */
header#menu{
	margin: 0 auto;
	height: 69px;	
	background: url(../images/top/header_bg.gif) left top repeat-x;
	overflow:hidden;
	display:block;
}
	div#menu-main{
		margin: 0 auto;
		width: 990px; height: 69px;
		overflow: hidden;
	}

	/*logo*/
	h1#logo{
		height: 29px; width: 307px;
		margin-top: 15px;
		float: left;
		overflow: hidden;
	}

		h1#logo a{
			background: url(../images/top/header/logo.png) left top no-repeat;	
			text-indent: -9999px;
			height: 29px; width: 307px;
			display: block;
		}

	
	nav#gnav ul{
		float: left;
		overflow: hidden;
	}
		nav#gnav ul li{
			display: block;
			float: left;
			margin: 0;
			padding: 0;
		}	
			nav#gnav ul li a{
				text-indent: -9999px;
				display: block;
			}


	/*ana-list*/
	div#menu-main nav#gnav ul#ana-list{
		height: 46px; width: 155px;
		background: url(../images/top/header/ana_bg.gif) left top no-repeat;
		margin: 7px 0 0 18px;
	}
		nav#gnav ul#ana-list li{
			margin-top: 2px;
		}

			ul#ana-list li a{
				height: 42px; width:74px;
				background: left top no-repeat;
			}
			ul#ana-list li a:hover {
				background-position: left bottom;
			}

			/*-- men --*/
			ul#ana-list li#m01 a{
				background-image: url(../images/top/header/btn_m01.gif);
				margin-left: 2px;
			}
			/*-- women --*/
			ul#ana-list li#m02 a{
				background-image:url(../images/top/header/btn_m02.gif);
				margin-left: 3px;
			}


	

	/*topic-list*/	
	div#menu-main nav#gnav ul#topic-list02{
		height: 46px; width: 493px;
		background: url(../images/top/header02/nav_bg.jpg) left top no-repeat;
		margin: 7px 0 0 15px;
	}
	
		nav#gnav ul li#m03 a:hover,
		nav#gnav ul li#m04 a:hover,
		nav#gnav ul li#m05 a:hover,
		nav#gnav ul li#m06 a:hover,
		nav#gnav ul li#m07 a:hover,
		nav#gnav ul li#m08 a:hover,
		nav#gnav ul li#m09 a:hover,
		nav#gnav ul li#m10 a:hover{
			opacity:0.8;
		}
		

		/*-- 3 --*/
		nav#gnav ul#topic-list02 li#m03 a {
			height: 22px; width:192px; 
			background:url(../images/top/header02/btn_m03.gif) top left no-repeat;
			margin: 1px 0 0 1px;
		}

		/*-- 4 --*/
		nav#gnav ul#topic-list02 li#m04 a {
			 height: 22px; width:86px;
			background:url(../images/top/header02/btn_m04.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}
		
		/*-- 5 --*/
		nav#gnav ul#topic-list02 li#m05 a {
			height: 22px; width:139px; 
			background:url(../images/top/header02/btn_m05.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}

		/*-- 6 --*/
		nav#gnav ul#topic-list02 li#m06 a {
			height: 22px; width:64px;
			background:url(../images/top/header02/btn_m06.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}

		
		/*-- 7 --*/
		nav#gnav ul#topic-list02 li#m07 a {
			height: 22px; width:58px; 
			background:url(../images/top/header02/btn_m07.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}

		
		/*-- 8 --*/
		nav#gnav ul#topic-list02 li#m08 a {
			display: block;
			 height: 20px; width:123px;
			background:url(../images/top/header02/btn_m08.gif) top left no-repeat;
			margin: 0 0 0 1px;
		}

		
		/*-- 9 --*/
		nav#gnav ul#topic-list02 li#m09 a {
			height: 20px; width: 185px; 
			background:url(../images/top/header02/btn_m09.gif) top left no-repeat;
			margin: 0 0 0 2px;
		}

		/*-- 10 --*/
		nav#gnav ul#topic-list02 li#m10 a {
			height: 20px; width: 119px; 
			background:url(../images/top/header02/btn_m10.gif) top left no-repeat;
			margin: 0 0 0 2px;
		}
	
	
	/*topic-list*/	
	div#menu-main nav#gnav ul#topic-list{
		height: 46px; width: 493px;
		background: url(../images/top/header/nav_bg.jpg) left top no-repeat;
		margin: 7px 0 0 15px;
	}
	

		/*-- 3 --*/
		nav#gnav ul#topic-list li#m03 a {
			height: 22px; width:179px; 
			background:url(../images/top/header/btn_m03.gif) top left no-repeat;
			margin: 1px 0 0 1px;
		}
		nav#gnav ul#topic-list li#m03 a:hover {
			background-position: left bottom;
		}
		
		/*-- 4 --*/
		nav#gnav ul#topic-list li#m04 a {
			 height: 22px; width:76px;
			background:url(../images/top/header/btn_m04.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}
		nav#gnav ul#topic-list li#m04 a:hover {
			background-position: left bottom;
		}
		
		/*-- 5 --*/
		nav#gnav ul#topic-list li#m05 a {
			height: 22px; width:114px; 
			background:url(../images/top/header/btn_m05.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}
		nav#gnav ul#topic-list li#m05 a:hover {
			background-position: left bottom;
		}
		
		/*-- 6 --*/
		nav#gnav ul#topic-list li#m06 a {
			height: 22px; width:57px;
			background:url(../images/top/header/btn_m06.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}
		nav#gnav ul#topic-list li#m06 a:hover {
			background-position: left bottom;
		}
		
		/*-- 7 --*/
		nav#gnav ul li#m07 a {
			height: 22px; width:57px; 
			background:url(../images/top/header/btn_m07.gif) top left no-repeat;
			margin: 1px 0 0 2px;
		}
		nav#gnav ul li#m07 a:hover {
			background-position: left bottom;
		}
		
		/*-- 8 --*/
		nav#gnav ul#topic-list li#m08 a {
			display: block;
			 height: 20px; width: 50px;
			background:url(../images/top/header/btn_m08.gif) top left no-repeat;
			margin: 0 0 0 1px;
		}
		nav#gnav ul#topic-list li#m08 a:hover {
			background-position: left bottom;
		}
		
		/*-- 9 --*/
		nav#gnav ul#topic-list li#m09 a {
			height: 20px; width: 174px; 
			background:url(../images/top/header/btn_m09.gif) top left no-repeat;
			margin: 0 0 0 2px;
		}
		#gnav ul li#m09 a:hover {
			background-position: left bottom;
		}
		
		/*-- 10 --*/
		nav#gnav ul#topic-list li#m10 a {
			height: 20px; width: 145px; 
			background:url(../images/top/header/btn_m10.gif) top left no-repeat;
			margin: 0 0 0 2px;
		}
		nav#gnav ul li#m10 a:hover {
			background-position: left bottom;
		}

		/*-- 11 --*/
		#gnav ul li#m11 a {
			height: 20px; width: 115px;
			background:url(../images/top/header/btn_m11.gif) top left no-repeat;
			margin: 0 0 0 3px;
		}
		nav#gnav ul#topic-list li#m11 a:hover {
			background-position: left bottom;
		}
		

/* HEADER					##################################### */