@charset "UTF-8";

@import url("html5reset.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.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 !important;}

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
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*　画像横幅					##################################### */
.w320{ width: 320px;}
.w300{ width: 300px;}
.w280{ width: 280px;}
.w250{ width: 250px;}
.w230{ width: 230px;}
.w220{ width: 220px;}
.w200{ width: 200px;}
.w180{ width: 180px;}
.w160{ width: 160px;}
.w120{ width: 120px;}
.sp .w320{ width: 100%;}
.sp .w300{ width: 100%;}
.sp .w280{ width: 100%;}
.sp .w250{ width: 100%;}
.sp .w230{ width: 100%;}
.sp .w220{ width: 100%;}
.sp .w200{ width: 100%;}
.sp .w180{ width: 100%;}
.sp .w160{ width: 100%;}
.sp .w120{ width: 100%;}



/* 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					##################################### */
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}

/* 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;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.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-brown{ color:#8b4513;}
.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;
}

#personal-nav {
	display: none;
}