@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;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	color: #000;
	border: 0 none;
	font-size: 100%;
	line-height: 1.5;

}/*
dl.box-txt dd {
	letter-spacing: -0.5px;
}
.sp dl.box-txt dd {
	letter-spacing: -0.5px;
}
*/
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.png) 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;
		}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
header-bｋ　start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	/*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#topic-list 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#topic-list 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#topic-list 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#topic-list li#m10 a:hover {
			background-position: left bottom;
		}

		/*-- 11 --*/
		#gnav ul#topic-list 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-bｋ　end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
		
		
		

/* fonttype					##################################### */

.font-gyosho{ font-family:'HGP行書体','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.font-soueipure{ font-family:'HGS創英ﾌﾟﾚｾﾞﾝｽEB','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.font-eikakugothic{ font-family:'HGS創英角ｺﾞｼｯｸUB','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.font-eikakupop{ font-family:'HG創英角ﾎﾟｯﾌﾟ体','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.font-hgmaru{ font-family:'HG丸ｺﾞｼｯｸM-PRO','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.font-.meiryo{ font-family:"メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-hgp{ font-family:"HGP創英ﾌﾟﾚｾﾞﾝｽEB", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-hgg{ font-family:"HGｺﾞｼｯｸE", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.font-hgp{ font-family:"HGPｺﾞｼｯｸM", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.font-hg-gyosyo{ font-family:"HG行書体", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.font-hsg-gyosyo{ font-family:"HGS行書体", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-hg-maru{ font-family:"HG丸ｺﾞｼｯｸM-PRO", "メイリオ","Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* fontsize					##################################### */
.fs16{ font-size:16px;}	
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}

/* margin					##################################### */
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}

/*padding					##################################### */
.pl10{ padding-left: 10px;}
.pl20{ padding-left: 20px;}
.pl30{ padding-left: 30px;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb10{ padding-right: 10px;}
.pb20{ padding-right: 20px;}
.pb30{ padding-right: 30px;}

/* color					##################################### */
.txt-red{color:#F00;}
.txt-yellow{color:#FC0;}
.txt-deepyellow{color:#ffc807;}
.txt-pink{color:#F39;}
.txt-aqua{ color:#09F;}
.txt-blue{ color:#00F;}
.txt-deepblue{ color:#36C;}
.txt-green{ color:#0C3;}
.txt-yellowgreen{ color:#6C3;}
.txt-violet{ color:#60C;}
.txt-orange{ color:#F90;}
.txt-bold{font-weight:bold;}


/* color					##################################### */

.anach-table-corner img{
		border-radius: 10px;/* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
		behavior: url(js/PIE.htc);
	}
	
.clearfix:after {
    content: none !important;
}