@charset "UTF-8";

/* CSS Document */

/* ===================================
	File Name   : men.css
	Discription : MEN Layout CSS
	Editors     : Bface Saeki
	Last Editor : 安藤知代
	Last Update : 2011/08/02
====================================== */

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

	1. Boys Common Setting
	2. Boys Top Setting
	3. Boys Collection Setting
	4. Recommend Setting
	5. Online Catalog Setting

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





/*===== ■1. Boys Common Setting =====*/
body.Boys ul#GlobalNavi #BtnBoys a {width: 76px;background-position: -243px -12px;}

body.Boys #CategoryNaviBox a {
	display: block;
	background: url(../../boys/img/btn_shopping.gif) no-repeat;
	width: 63px;
	height: 11px;
}
body.Boys #CategoryNaviBox #BtnRecommend a {background: url(../../boys/img/btn_recommend.gif) no-repeat; width: 117px;} /* Newありは、width: 145px */
body.Boys #CategoryNaviBox #BtnVideos a {background: url(../../online-catalog/img/btn_videos.gif) no-repeat; width: 48px;} /* Newありは、width: 76px */
body.Boys #CategoryNaviBox #BtnOnlineCatalog a {background: url(../../men/img/btn_onlinecatalog.gif) no-repeat; width: 104px;} /* Newありは、width: 132px */
body.Boys #CategoryNaviBox #BtnGlossary a {background: url(../../special/img/btn_glossary.gif) no-repeat;width: 34px; height:11px;}
body.Boys #CategoryNaviBox #BtnSizeChartNav a {background: url(../../common/img/btn_sizechart-navi.gif) no-repeat; width: 73px;}

body.Boys #CategoryNaviBox a:hover,
body.Boys #CategoryNaviBox #BtnRecommend a:hover,
body.Boys #CategoryNaviBox #BtnVideos a:hover,
body.Boys #CategoryNaviBox #BtnOnlineCatalog a:hover,
body.Boys #CategoryNaviBox #BtnGlossary a:hover,
body.Boys #CategoryNaviBox #BtnSizeChartNav a:hover {background-position: 0px -11px;}

body#BoysCollection #CategoryNaviBox a {background-position: 0px -11px;}




/*===== ■2. Boys Top Setting =====*/
body#BoysTop #BoysTopIntro {
	width: 648px;
	margin: 0px;
	padding: 1px;
}



/*===== ■3. Boys Collection Setting =====*/
body#BoysCollection #BoysCollectionIntro {
	width: 648px;
	margin: 0px;
	padding: 1px;
}

body#BoysCollection #BoysCollectionIntro p {
	display: block;
	height: auto;
	margin: 15px 15px 30px;
	line-height: 140%;
	clear: both;
}

body#BoysCollection #BoysCollectionIntro p em { text-align: left;}
body#BoysCollection #BoysCollectionIntro p span {
	padding-top: 10px;
	text-align: left;
}

body#BoysCollection #BoysCollectionIntro p span {
	margin: 0px;
}

body#BoysCollection #BoysCollectionIntro div {
	position: relative;
	height: 501px;
	clear: both;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText {
	position:absolute;
	right: 5px;
	bottom: 5px;
	width: 225px;
}

body#BoysCollection #BoysCollectionIntro #BoysTopIntro01 dl.PhotoText {
	bottom: 0px;
}

body#BoysCollection #BoysCollectionIntro div dl#LeftItem {
	bottom: 100px;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText dt {
	font-weight: bold;
	text-align: left;
	color: #B07D32;
	font-size: 85%;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText dd {
	clear:both;
	display: block;
	height: auto;
	margin: 5px 0px;
	font-size: 77%;
	color: #444;
	font-weight: bold;
	text-align: left;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText dd.ListEnd {
	margin: 0px 0px 30px;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText dd span {
	display: block;
	float:right;
	padding-left: 5px;
	font-weight: normal;
	color: #B07D32;
}

body#BoysCollection #BoysCollectionIntro div dl.PhotoText dd em {
	display: inline;
	padding-left: 5px;
	font-weight: normal;
}


/*===== ■ 4. Recommend Setting =====*/
body.Recommend #CategoryNaviBox #BtnRecommend a { background-position: 0px -11px; }


body.Recommend #RecommendIntro {
	position: relative;
	width: 648px;
	margin: 1px;
	line-height: 1;/* for mac browser */
	overflow: hidden;
}

body.Recommend #RecommendIntro h1 {
	position: absolute;
	left: 445px;
	top: 15px;
	color: #b07d32;
	font-size: 16px;
}

body.Recommend #RecommendIntro #wrapper { width: 648px; height: 520px; position: relative; }
body.Recommend #RecommendIntro .ContentsBox { width: 648px; height: 520px; position: absolute;  }

body.Recommend #RecommendIntro .PhotoBox {
	position: relative;
	width: 592px;
	height: 520px;
	padding: 0;
	margin: 0;
	float: left;
}
body.Recommend #RecommendIntro .PhotoBox dt { width: 400px; padding: 10px 0; }
body.Recommend #RecommendIntro .PhotoBox dd { margin-bottom: 0 !important; }
body.Recommend #RecommendIntro .PhotoBox .Text {
	position: absolute;
	left: 415px;
	bottom: 10px;
	background: #fff;
}

body.Recommend #RecommendIntro .PhotoBox .Text table {
	width: 158px;
	padding: 0;
	margin: 0;
}
body.Recommend #RecommendIntro .PhotoBox .Text table caption {
	margin-bottom: 10px;
	text-align: left;
	font-size: 83%;
}
body.Recommend #RecommendIntro .PhotoBox .Text table th {
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 85%;
	color: #29385B;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td {
	padding-bottom: 6px;
	font-size: 85%;
	color: #29385B;
	vertical-align: top;
	line-height: 120%;
}
body.Recommend #RecommendIntro .PhotoBox .Text table tr td.PriceText,
body.Recommend #RecommendIntro .PhotoBox .Text table tr td.Price,
body.Recommend #RecommendIntro .PhotoBox .Text table tr td.Price a {
	text-align: right;
	color: #B07D32;
	vertical-align: middle;
}
body.Recommend #RecommendIntro .PhotoBox .Text table tr td.PriceText {
	font-size: 77%;
	white-space: nowrap;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td a {
	text-decoration: none;
	line-height: 120%;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td a:link {
	text-decoration: none;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td a:visited {
	text-decoration: none;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td a:hover {
	text-decoration: underline;
	color: #29385B;
}
body.Recommend #RecommendIntro .PhotoBox .Text table td.Price a:hover {
	text-decoration: underline;
	color: #B07D32;
}


body.Recommend #RecommendIntro .Prev { margin: 248px 15px 0px 5px; float: left; }
body.Recommend #RecommendIntro .Next { margin: 248px 5px 0px 5px; float: left;  }
body.Recommend #RecommendIntro .noClick { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; }
body.Recommend #RecommendIntro .ButtonNext,.ButtonPrev { cursor: pointer; }
body.Recommend #RecommendIntro .hover { ilter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

body.Recommend #RecommendIntro #Loading { background: #fff; width: 100%; height: 100%; position: relative; }
body.Recommend #RecommendIntro #Loading img { position: absolute; left: 299px; top: 229px; }



/*===== ■5. Online Catalog Setting =====*/
body#BoysOnlineCatalog #CategoryNaviBox #BtnOnlineCatalog a { background-position: 0px -11px; }

body#BoysOnlineCatalog h1 {
	width: 602px;
	border-bottom: 3px solid #CAA055;
	padding: 0px 0px 3px 8px;
	margin: 0px 20px 20px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro dl {
	clear: both;
	background: url(../img/line_doted-black.gif) repeat-x bottom;
	padding: 0px 15px 20px;
	margin-bottom: 20px;
	position: relative;
}

body#BoysOnlineCatalog #OnlineCatalogIntro dl.Catalog {
	margin-bottom: 20px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dt span {
	display: block;
	float: left;
	padding-right: 10px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dt strong {
	display: block;
	width: 440px;
	float: left;
	background: url(../img/mark_circle-gold.gif) no-repeat left 55px;
	padding: 50px 0px 9px 10px;
	position: relative;
}
body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dt strong .IconNew {
	position: absolute;
	top: 50px;
	right: 10px;
}


body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd {
	position: absolute;
	top: 80px;
	left: 145px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd li {
	padding: 0px 0px 0px 10px;
	width: 440px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd a {
	float: left;
	display: block;
	background: url(../../online-catalog/img/btn_catalog-link.gif) no-repeat;
	width: 110px;
	height: 19px;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd a#ComingSoon {
	background: url(../../online-catalog/img/btn_catalog-soon.gif) no-repeat;
}

body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd li em {
	display: block;
	font-size: 77%;
	padding: 2px 5px 0px;
	width: 300px;
	float: left;
}
body#BoysOnlineCatalog #OnlineCatalogIntro .Catalog dd a:hover {background-position: 0px -19px;}

/* 注釈部分 */
body#BoysOnlineCatalog #OnlineCatalogIntro strong,
body#BoysOnlineCatalog #OnlineCatalogIntro p { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 104%;}

body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto {
	width: 550px;
	margin: 15px auto 0px;
	padding: 15px 15px 10px;
	background-color: #eee;
	font-size: 83.3%;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto p {
	margin: 0px;
	padding: 0px 5px 5px;
	color: #333;
	font-weight: bold;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dl {
	width: 540px;
	margin: 0px;
	padding: 5px;
	background: none;
	background-color: #eee;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dl#Attention dt strong {
	color: #333333;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dl#Attention dt span {
	display: block;
	padding-left: 17px;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dt {
	float: left;
	width: 390px;
	margin-right: 10px;
	padding: 0px;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dd {
	position: relative;
	float: right;
	width: 135px;
}
body#BoysOnlineCatalog #OnlineCatalogIntro div#OnlineCatalogHowto dt strong {
	float:none;
	display: block;
	margin: 5px 0px;
	padding: 0px;
	color: #00004C;
	font-weight: bold;
	background: none;
}



/* clearfix */
body#BoysOnlineCatalog #OnlineCatalogIntro dl:after,
body#BoysOnlineCatalog #OnlineCatalogIntro dd li:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#BoysOnlineCatalog #OnlineCatalogIntro dl,
body#BoysOnlineCatalog #OnlineCatalogIntro dd li {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#BoysOnlineCatalog #OnlineCatalogIntro dl,
*html body#BoysOnlineCatalog #OnlineCatalogIntro dd li {
	height: 1%;
}

body#BoysOnlineCatalog #OnlineCatalogIntro dl,
body#BoysOnlineCatalog #OnlineCatalogIntro dd li {
	display: block;
}
/* End hides from IE-mac ￥*/