@charset "UTF-8";

/* CSS Document */

/* ===================================
	File Name   : top.css
	Description : 有効領域の拡大をトップページのみ反映
	Editors     : 安藤知代
	Last Editor : 安藤知代
	Last Update : 2011/4/1
====================================== */

/*========== Style Contents ==========

	 1. Global Redefinition
	 2. Font Size Redefinition
	 3. Box Setting
	 4. Common Item Setting
	 	 - Basic Link Setting
	 	 - Header Item Setting
	 	 - Global Navigation
	 	 - Sub Global Navigation
	 	 - Footer Navigation
	 	 - Category Navigation
	 	 - Footer Item Setting
		 - Foot Mark
		 - Various Buttons
		 - Title Setting
		 - Alpha Mode Setting
		 - Hidden Character Setting
		 - Common Item Clear Release
		 
	
	各ページの設定
	10.Topページの設定
	11.Item
	12.About
	13.Service
	14.Search
	15.Campaign
	16.SpecialContents
	17.OnlineCatalog
	18.Recruit
	19.Company
	20.Privacy
	21.Contact
	22.Site-Policy
	23.Site-Map
	24.Shopping
	25.MailMagazine
	26.Size-Charts
	27.Service-ShopList
	28.story
	29.Information

============================*/


/*===== ■3.Box Setting =====*/
body#Top #topEntire {
	position: relative;
	width: 977px;
	margin: 0px auto;
}

body#Top #Contents { 
	position: relative;
	width: 975px;
	margin: 0px auto;
	border: 1px solid #8c8c8c;
	background: #222E4B;
}

body#Top #Header {
	position: relative;
	width: 977px;
	height: 88px;
	margin: 0px auto;
}

body#Top #Footer {
	position: relative;
	width: 955px;
	height: 35px;
	margin: 0px auto;
}


/*===== ■4.Common Items Setting =====*/
/* Header Item Setting */
body#Top #Header strong { top: 18px; }
body#Top #Header em {
	position: absolute;
	display: block;
	top: 15px;
	right: 0px;
	width: 208px;
	height: 13px;
}
body#Top #Header ul { top: 46px; }


/* Global Navigation */
body#Top ul#GlobalNavi {
	padding: 14px 20px 15px 20px;
	background: url(../img/top_bg_global-navi.gif) repeat-x;
	width: 935px;
	height: 13px;
	border-bottom: 2px solid #d5ae65;
	overflow: hidden;
}

body#Top ul#GlobalNavi li {
	float: left;
	padding: 0px 18px 0px 0px;
}

body#Top ul#GlobalNavi li#BtnSearch {
	padding: 0px !important;
}

body#Top ul#GlobalNavi a {
	display: block;
	background: url(../img/top_btn_global-navi.gif) no-repeat;
	height: 13px;
}

body#Top ul#GlobalNavi #BtnCollection a { width: 104px; background-position: -23px -14px; }
body#Top ul#GlobalNavi #BtnMen a { margin-left: 9px; width: 34px; background-position: -153px -14px; }
body#Top ul#GlobalNavi #BtnWomen a { margin-left: 9px; width: 61px; background-position: -213px -14px; }
body#Top ul#GlobalNavi #BtnBoys a { margin-left: 9px; width: 98px; background-position: -300px -14px; }
body#Top ul#GlobalNavi #BtnCountryClub a { margin-left: 8px; width: 115px; background-position: -424px -14px; }
body#Top ul#GlobalNavi #BtnFleece a { margin-left: 9px; width: 104px; background-position: -565px -14px; }
body#Top ul#GlobalNavi #BtnAbout a { margin-left: 9px; width: 178px; background-position: -695px -14px; }
/* body#Top ul#GlobalNavi #BtnService a { width: 50px; background-position: -807px -14px; } */
body#Top ul#GlobalNavi #BtnSearch a { margin-left: 9px; width: 53px; background-position: -899px -14px; }

body#Top ul#GlobalNavi #BtnCollection a:hover { width: 104px; background-position: -23px -56px; }
body#Top ul#GlobalNavi #BtnMen a:hover { width: 34px; background-position: -153px -56px; }
body#Top ul#GlobalNavi #BtnWomen a:hover { width: 61px; background-position: -213px -56px; }
body#Top ul#GlobalNavi #BtnBoys a:hover { width: 98px; background-position: -300px -56px; }
body#Top ul#GlobalNavi #BtnCountryClub a:hover { width: 115px; background-position: -424px -56px; }
body#Top ul#GlobalNavi #BtnFleece a:hover { width: 104px; background-position: -565px -56px; }
body#Top ul#GlobalNavi #BtnAbout a:hover { width: 178px; background-position: -695px -56px; }
/* body#Top ul#GlobalNavi #BtnService a:hover { width: 50px; background-position: -807px -56px; } */
body#Top ul#GlobalNavi #BtnSearch a:hover { width: 53px; background-position: -899px -56px; }


/* Sub Global Navigation */
body#Top ul#SubGlobalNavi {
	clear: both;
	padding: 14px 22px 15px 22px;
	background: url(../img/top_bg_sub-global-navi.gif) repeat-x;
	width: 931px;
	height: 13px;
	border-top: 1px solid #f1f1f1;
	overflow: hidden;
}

body#Top ul#SubGlobalNavi li {
	float: left;
	padding: 0px 88px 0px 0px;
}

body#Top ul#SubGlobalNavi li#BtnRecruit {
	padding: 0px !important;
}

body#Top ul#SubGlobalNavi a {
	display: block;
	background: url(../img/top_btn_sub-global-navi.gif) no-repeat;
	height: 13px;
}

body#Top ul#SubGlobalNavi #BtnCampaignEvent a { width: 126px; background-position: -22px -14px; }
body#Top ul#SubGlobalNavi #BtnSpecialContents a { width: 120px; background-position: -236px -14px; }
body#Top ul#SubGlobalNavi #BtnService a { width: 50px; background-position: -444px -14px; }
body#Top ul#SubGlobalNavi #BtnGiftCard a { width: 71px; background-position: -582px -14px; }
body#Top ul#SubGlobalNavi #BtnShopping a { width: 70px; background-position: -741px -14px; }
body#Top ul#SubGlobalNavi #BtnRecruit a { width: 54px; background-position: -899px -14px; }

body#Top ul#SubGlobalNavi #BtnCampaignEvent a:hover { width: 126px; background-position: -22px -56px; }
body#Top ul#SubGlobalNavi #BtnSpecialContents a:hover { width: 120px; background-position: -236px -56px; }
body#Top ul#SubGlobalNavi #BtnService a:hover { width: 50px; background-position: -444px -56px; }
body#Top ul#SubGlobalNavi #BtnGiftCard a:hover { width: 71px; background-position: -582px -56px; }
body#Top ul#SubGlobalNavi #BtnShopping a:hover { width: 70px; background-position: -741px -56px; }
body#Top ul#SubGlobalNavi #BtnRecruit a:hover { width: 54px; background-position: -899px -56px; }

/* Footer Navigation */
body#Top #Footer { margin-top: 10px; }
body#Top #Footer ul {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 793px;
	height: 13px;
	text-indent:-9999px;
}

body#Top #Footer ul li {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	margin-right: 10px;
	line-height: 100%;
	background: url(../img/line_solid-gold.gif) no-repeat right 5px;
}

body#Top #Footer ul li#BtnTwitter {
	float: left;
	padding-right: 0;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 6px;
	margin-right: 0;
	line-height: 100%;
	background: url(../img/line_solid-gold.gif) no-repeat left 6px;
	width: 22px;
	height: 22px;
	overflow: hidden;
}

body#Top #Footer ul li.NoBorder {
	padding-right: 24px;
	background: url(../img/mark_usa-flag.gif) no-repeat right 3px;
}

body#Top #Footer ul a {
	display: block;
	background: url(../img/top_btn_footer-navi.gif) no-repeat;
	height: 13px;
}

body#Top #Footer ul #BtnInfo a { width: 44px; background-position: -8px 0; }
body#Top #Footer ul #BtnCompany a { width: 46px; background-position: -89px 0; }
body#Top #Footer ul #BtnPrivacy a { width: 112px; background-position: -173px 0; }
body#Top #Footer ul #BtnContact a { width: 68px; background-position: -323px 0; }
body#Top #Footer ul #BtnSitePolicy a { width: 88px; background-position: -429px 0; }
body#Top #Footer ul #BtnSitemap a { width: 61px; background-position: -554px 0; }
body#Top #Footer ul #BtnUSA a { width: 116px; background-position: -650px 0; }


body#Top #Footer ul #BtnInfo a:hover { width: 44px; background-position: -8px -13px; }
body#Top #Footer ul #BtnCompany a:hover { width: 46px; background-position: -89px -13px; }
body#Top #Footer ul #BtnPrivacy a:hover { width: 112px; background-position: -173px -13px; }
body#Top #Footer ul #BtnContact a:hover { width: 68px; background-position: -323px -13px; }
body#Top #Footer ul #BtnSitePolicy a:hover { width: 88px; background-position: -429px -13px; }
body#Top #Footer ul #BtnSitemap a:hover { width: 61px; background-position: -554px -13px; }
body#Top #Footer ul #BtnUSA a:hover { width: 116px; background-position: -650px -13px; }

/* Footer Item Setting */
body#Top address {
	display: block;
	height: 13px;
	color: #fff;
	font-family: "Times","times new roman","ＭＳ Ｐ明朝",serif;
	font-weight: normal;
	font-size: 93%;
	line-height: 100%;
	text-align: right;
	letter-spacing: 0.1em;
	padding: 10px 0px 0px 0px;
}


/* Information */
body#Top ul#Information {
	margin: 10px 0 0 0;
	padding: 7px 10px;
	background: #54607c;
}

body#Top #Information li {
	margin: 0 15px 0 0;
	padding: 0px 0px 0px 12px;
	font-size: 83%;
	background: url(../../img/mark_arrow-gold.gif) no-repeat 0px 4px;
	float: left;
}

body#Top #Information li a {
	color: #fff;
	text-decoration: none;
}
body#Top #Information li a:hover {
	color: #dfbb76;
}