@charset "UTF-8";

/* ===================================
	File Name   : scene.css
	Description : Scene Search Page Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Saigusa
	
	Update Description :
	[2014/03/18] #BrandTopIntro ul 修正
	[2012/07/31] ジャンル1件削除
	[2012/05/15] 新規作成

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

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

	1. Individual Redefinition
	2. Brand Top Page Setting
		- Section [Brand Top Intro]
	3. Brand List Page Setting
		- Section [Brand List Intro]
	4. Brand Detail Page Setting
		- Section [Brand Detail Intro]
		- Section [Brand Detail News]
		- Section [Brand Detail Shop}
	
	*. Clear Fix
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
body.Brand #Header #BtnGlobalNavi li a#BtnGlobalBrand { background-position: -471px -52px;}

#Contents { margin-bottom: 40px;}

.Section {
	width: 980px;
	margin: 0px auto;	
}

h1 { margin-bottom: 30px;}

h2 {
	margin-bottom: 20px;
	padding: 0px 7px 10px;
	background: url(../img/brand/bg-title-line.gif) repeat-x bottom;
	color: #000000;
	font-weight: bold;
	font-size: 123.1%;
}

h2 span {
	margin-left: 10px;
	font-weight: normal;
	font-size: 62.5%;
}

h3 {
	margin-bottom: 20px;
	padding: 0px 7px 24px;
	background: url(../img/common/bg-line-gradient.png) repeat-x bottom;
	color: #333333;
	font-weight: bold;
	font-size: 116%;
}

h3 span {
	display: block;
	padding-left: 15px;
	background: url(../img/brand/detail/bg-title-line.jpg) no-repeat;
}



/* Footer Social Buttons */
#SubSocialBtn {
	width: 1000px;
	margin: 0px auto 10px;
	text-align: right;
}

#SubSocialBtn li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}





/*===== ■2. Brand Top Page Setting =====*/
/* Brand Top Intro */
body#BrandTop #BrandTopIntro p {
	position: relative;
	margin: 0px 10px 30px;
	padding-top: 5px;
}

body#BrandTop #BrandTopIntro p span {
	position: absolute;
	top: -1px;
	right: 5px;
	width: 150px;
	font-size: 0;
	line-height: 0;
}

body#BrandTop #BrandTopIntro p span a {
	display: block;
	width: 150px;
	height: 26px;
	background: url(../img/brand/btn-all.jpg) no-repeat;
}
body#BrandTop #BrandTopIntro p span a:hover { background-position: 0px -26px;}

body#BrandTop #BrandTopIntro ul {
	margin: 0px 0px 25px 25px;
	letter-spacing: -0.4em;
	text-align: left;
}

body#BrandTop #BrandTopIntro li,
body#BrandTop #BrandTopIntro li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

body#BrandTop #BrandTopIntro #GenreLarge li { margin: 0px 13px;}

body#BrandTop #BrandTopIntro #GenreSmall li { margin: 0px 8px;}

body#BrandTop #BrandTopIntro #GenreLarge a {
	width: 284px;
	height: 159px;
	background: url(../img/brand/bg-menu.jpg) no-repeat;
}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre02 { background-position: -284px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre03 { background-position: -568px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre04 { background-position: -852px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre05 { background-position: -1136px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre06 { background-position: -1420px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre07 { background-position: -1704px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre08 { background-position: -1988px 0px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre09 { background-position: -2272px 0px;}

body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre01:hover { background-position: 0px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre02:hover { background-position: -284px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre03:hover { background-position: -568px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre04:hover { background-position: -852px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre05:hover { background-position: -1136px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre06:hover { background-position: -1420px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre07:hover { background-position: -1704px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre08:hover { background-position: -1988px -159px;}
body#BrandTop #BrandTopIntro #GenreLarge a#BtnGenre09:hover { background-position: -2272px -159px;}






/*===== ■3. Brand List Page Setting =====*/
/* Brand List Intro */
body#BrandList #BrandListIntro { position: relative;}

body#BrandList #BrandListIntro #BtnTitleGenre {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

body#BrandList #BrandListIntro li {
	position: relative;
	float: left;
	width: 170px;
	margin-right: 5px;
}

body#BrandList #BrandListIntro li.expandable {
	display: block;
	width: 170px;
	height: 26px;
	background: url(../img/brand/btn-pull_down.jpg) no-repeat;
}
body#BrandList #BrandListIntro li.expandable:hover { background-position: 0px -26px;}
body#BrandList #BrandListIntro li.expandable span {
	display: none;
	font-size: 0;
	text-indent: -9999px;
}

body#BrandList #BrandListIntro li.expandable img { display: none;}

body#BrandList #BrandListIntro .categoryitems {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 160px;
	padding: 5px;
	background: #EBEBEB;
}

body#BrandList #BrandListIntro .categoryitems li {
	float: none;
	width: auto;
	margin: 0px;
}

body#BrandList #BrandListIntro li #BtnBackList {
	display: block;
	width: 170px;
	height: 26px;
	background: url(../img/brand/btn-back-list.jpg) no-repeat;
}
body#BrandList #BrandListIntro li #BtnBackList:hover { background-position: 0px -26px;}

body#BrandList #BrandListIntro p { margin: 0px 0px 10px 10px;}

body#BrandList #BrandListIntro #SlideArea {
	width: 954px;
	margin: 0px auto;
	background: url(../img/brand/bg-shadow-middle.gif) repeat-y;	
}

body#BrandList #BrandListIntro #SlideShow {
	padding-top: 4px;
	background: url(../img/brand/bg-shadow-top.gif) no-repeat left top;	
	/overflow: hidden;
}

body#BrandList #BrandListIntro #SlidesContainer {
	padding: 35px 2px;
	background: url(../img/brand/bg-shadow-bottom.gif) no-repeat left bottom;	
}

body#BrandList #BrandListIntro #SlidesContainer .slide {
	position: relative;
	overflow: auto;
	max-height: 380px;
}

body#BrandList #BrandListIntro #SlidesContainer ul {
	width: 835px;
	margin: 0px auto;
	letter-spacing: -0.4em;
}

body#BrandList #BrandListIntro #SlidesContainer li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	float: none;
	width: 180px;
	height: 98px;
	margin: 7px;
	padding: 7px;
	background: url(../img/brand/bg-banner.jpg) no-repeat;
	font-size: 0;
	letter-spacing: 0;
	vertical-align: top;
}

body#BrandList #BrandListIntro #SlidesContainer ul a:hover img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

body#BrandList #HiddenInfo { display: none;}





/*===== ■4. Brand Detail Page Setting =====*/
/* Brand Detail Intro */
body#BrandDetail #BrandDetailIntro { margin-bottom: 50px}

body#BrandDetail #BrandDetailIntro span#Visual {
	display: block;
	width: 965px;
	height: 195px;
	margin: 0px auto 15px;
	padding: 1px;
	border: 1px solid #DDDDDD;	
}

body#BrandDetail #BrandDetailIntro dl {
	width: 960px;
	margin: 0px auto;
	min-height: 235px;
	color: #000000;
}

body#BrandDetail #BrandDetailIntro dt {
	position: relative;
	margin-bottom: 10px;
	padding-right: 320px;
	font-weight: bold;
	font-size: 123.1%;
}

body#BrandDetail #BrandDetailIntro dt span {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 280px;
	height: 210px;
	padding: 6px;
	background: url(../img/brand/detail/bg-photo.jpg) no-repeat;
}

body#BrandDetail #BrandDetailIntro dd { padding-right: 320px;}

body#BrandDetail #BrandDetailIntro dd p { margin-bottom: 20px;}

body#BrandDetail #BrandDetailIntro ul {
	margin-bottom: 10px;
	letter-spacing: -0.4em;
}

body#BrandDetail #BrandDetailIntro li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: 0em;
  margin-right: 10px;
}

body#BrandDetail #BrandDetailIntro #BtnOutside li { margin-right: 35px;}

body#BrandDetail #BrandDetailIntro #BtnOutside a {
	display: block;
	height: 16px;
	background: url(../img/brand/detail/btn-social.jpg) no-repeat;
}
body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveTwitter { width: 136px;}
body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveFacebook { width: 148px; background-position: -136px 0px;}
body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveBrand { width: 152px; background-position: -284px 0px;}

body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveTwitter:hover { background-position: 0px -16px;}
body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveFacebook:hover { background-position: -136px -16px;}
body#BrandDetail #BrandDetailIntro #BtnOutside a#BtnMoveBrand:hover { background-position: -284px -16px;}


/* Free Area */
body#BrandDetail #FreeArea { margin-bottom: 50px;}

body#BrandDetail #FreeArea div,
body#BrandDetail #FreeArea ul, body#BrandDetail #FreeArea ol, body#BrandDetail #FreeArea li,
body#BrandDetail #FreeArea h1, body#BrandDetail #FreeArea h2, body#BrandDetail #FreeArea h3, body#BrandDetail #FreeArea h4, body#BrandDetail #FreeArea h5, body#BrandDetail #FreeArea h6,
body#BrandDetail #FreeArea p, body#BrandDetail #FreeArea a,body#BrandDetail #FreeArea em,
body#BrandDetail #FreeArea img,
body#BrandDetail #FreeArea table, body#BrandDetail #FreeArea th, body#BrandDetail #FreeArea td,
body#BrandDetail #FreeArea dl, body#BrandDetail #FreeArea dt, body#BrandDetail #FreeArea dd,
body#BrandDetail #FreeArea form,
body#BrandDetail #FreeArea address {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}


/* Brand Detail News */
body#BrandDetail #BrandDetailNews {
	position: relative;
	margin-bottom: 40px;
}

body#BrandDetail #BrandDetailNews h3 { padding-bottom: 30px;}

body#BrandDetail #BrandDetailNews ul {
	position: absolute;
	top: 3px;
	right: 10px;
	width: 800px;
	text-align: right;
	vertical-align: middle;
}

body#BrandDetail #BrandDetailNews ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-left: 20px;
	padding-left: 10px;
	background: url(../img/common/mark-circle-red.gif) no-repeat 0px 5px;
	font-size: 93%;
	line-height: 130%;
}

body#BrandDetail #BrandDetailNews ul li a { line-height: 130%;}

body#BrandDetail #BrandDetailNews dl {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 480px;
	margin: 0px 3px 10px;
	/margin: 0px 5px 8px;
	background: url(../img/brand/detail/bg-shadow-middle.gif) repeat-y;	
	vertical-align: top;
}

body#BrandDetail #BrandDetailNews dt {
	padding: 25px 14px 12px;
	background: url(../img/brand/detail/bg-shadow-top.gif) no-repeat top;
	font-size: 93%;
}

body#BrandDetail #BrandDetailNews dt span {
	display: block;
	padding-left: 90px;
	font-size: 100%;
}

body#BrandDetail #BrandDetailNews dt span.Topics { background: url(../img/brand/detail/mark-topics.png) no-repeat 0px center;}
body#BrandDetail #BrandDetailNews dt span.Fair { background: url(../img/brand/detail/mark-fair.png) no-repeat 0px center;}
body#BrandDetail #BrandDetailNews dt span.Menu { background: url(../img/brand/detail/mark-menu.png) no-repeat 0px center;}

body#BrandDetail #BrandDetailNews dd {
	padding: 0px 12px 12px;
	background: url(../img/brand/detail/bg-shadow-bottom.gif) no-repeat bottom;
}

body#BrandDetail #BrandDetailNews dd span {
	display: block;
	float: left;
	width: 120px;
	height: 90px;
	margin-right: 15px;
	padding: 7px;
	background: url(../img/brand/thumb/bg-thumb.jpg) no-repeat;
	text-align: center;
}
body#BrandDetail #BrandDetailNews dd span img { display: inline;}

body#BrandDetail #BrandDetailNews dd dl {
	display: block;
	float: left;
	width: 300px;
	margin: 0px;
	background: none;	
}

body#BrandDetail #BrandDetailNews dd dt {
	margin-bottom: 7px;
	padding: 0px 3px 10px;
	background: url(../img/common/bg-line.gif) repeat-x bottom;
}

body#BrandDetail #BrandDetailNews dd dt a { font-weight: bold;}

body#BrandDetail #BrandDetailNews dd dd {
	padding: 0px 3px;
	background: none;
}

body#BrandDetail #BrandDetailNews dd dd strong {
	display: block;
	margin-bottom: 7px;
}

body#BrandDetail #BrandDetailNews dd dd p { margin-bottom: 5px;}

body#BrandDetail #BrandDetailNews dd dd em {
	color: #C50029;
	font-weight: bold;
}

body#BrandDetail #BrandDetailNews .Notice { margin: 10px 15px;}


/* Brand Detail Shop */
body#BrandDetail #BrandDetailShop table {
	width: 950px;
	margin: 0px auto;
	border-collapse: separate;
	border-top: 1px solid #DFDBD6;
	border-bottom: 1px solid #DFDBD6;
}

body#BrandDetail #BrandDetailShop th {
	width: 130px;
	padding: 10px 10px 10px 21px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DFDBD6;
	background: #F2EEE5 url(../img/common/mark-circle-red.gif) no-repeat 10px 17px;
	font-weight: bold;
	font-size: 108%;
	vertical-align: top;
}

body#BrandDetail #BrandDetailShop td {
	padding: 5px 10px 5px 21px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #DFDBD6;
	color: #444444;
	font-weight: bold;
	font-size: 93%;
	vertical-align: top;
}

body#BrandDetail #BrandDetailShop tr.last-child th,
body#BrandDetail #BrandDetailShop tr.last-child td { border-bottom: 1px solid #FFFFFF;}

body#BrandDetail #BrandDetailShop td ul {
	width: 750px;
	letter-spacing: -0.4em;
}

body#BrandDetail #BrandDetailShop td li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 240px;
	margin: 5px 10px 5px 0px;
	letter-spacing: 0em;
	vertical-align: top;
}

body#BrandDetail #BrandDetailShop td li span {
	margin: 0px 0px 0px 5px;
	font-size: 100%;
	line-height: 100%;
	white-space: nowrap;
}

body#BrandDetail #BrandDetailShop td li img {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-left: 5px;
	padding-top: 3px;
	/padding-top: 0px;
	vertical-align: top;
}



/*===== ■*.Clear Fix  =====*/
body#BrandDetail #BrandDetailNews dd:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

*:first-child+html body#BrandDetail #BrandDetailNews dd { zoom: 1;} /* IE7 */