@charset "Shift_JIS";
/***************************************************************

* TOKYO GIRLS COLLECTION 09S/S
* show/show.css

***************************************************************/

#contents-box {
	background: none;
}
.head-cap {
	height:78px;
	background:url(img/head_cap_bg.gif) no-repeat;
}
.box-inner {
	padding:0 0 55px 0;
	background:url(img/contents_bottom_bg.gif) left bottom no-repeat;
	zoom:1;
	position: relative;

}
.tac {
	text-align: center;
}
/* show nav 
***************************************************************/
#report {
	padding: 62px 30px 0;
}
#show-nav {
	width: 893px;
	height: 52px;
	padding: 10px 0 0 6px;
	margin: 0 0 10px;
	position: absolute;
	top: 18px;
	left: 24px;
	background: url(img/show_nav_bg.gif);
}
#show-nav li {
	float: left;
}	
#show-nav a {
	display: block;
	height: 30px;
	text-indent: -5000px;
	background-image: url(img/show_nav.gif);
}
#show-nav a:hover {
	background-image: url(img/show_nav_hover.gif);
}
#show-nav-mens a:hover,
#show-nav-mens a.current {
	background-image: url(img/show_nav_hover.gif);
}
#show-nav-mens {
	width: 893px;
	height: 52px;
	padding: 10px 0 0 6px;
	margin: 0 0 10px;
	position: absolute;
	top: 18px;
	left: 24px;
	background: url(img/show_nav_bg.gif);
}
#show-nav-mens li {
	float: left;
}	
#show-nav-mens a,
#show-nav-mens span {
	display: block;
	height: 30px;
	text-indent: -5000px;
	background-image: url(img/show_nav_mens.gif);
}
#show-nav-mens a:hover,
#show-nav-mens a.current {
	background-image: url(img/show_nav_hover.gif);
}
.sn01 a,
.sn01 span {
	width: 148px;
	background-position: 0 0;
}
.sn02 a,
.sn02 span {
	width: 149px;
	background-position: -148px 0;
}
.sn03 a,
.sn03 span {
	width: 148px;
	background-position: -297px 0;
}
.sn04 a,
.sn04 span {
	width: 148px;
	background-position: -445px 0;
}
.sn05 a,
.sn05 span {
	width: 148px;
	background-position: -593px 0;
}
.sn06 a,
.sn06 span {
	width: 149px;
	background-position: -741px 0;
}
/* report-header
***************************************************************/
#report-header {
	position: relative;
	height: 52px;
	margin: 12px 0 15px;
}
#fw-nav {
	position: absolute;
	top: 0;
	right: 0;
}
#fw-nav li {
	float: left;
}
#fw-nav a {
	display: block;
	text-indent:-5000px;
	height: 25px;
	background-image: url(img/fw_nav.gif);
}
.fn01 a {
	width: 64px;
	background-position: 0 0;
}
.fn02 a {
	width: 89px;
	background-position: -64px 0;
}
.fn03 a {
	width: 84px;
	background-position: -153px 0;
}
#btns {
	position: absolute;
	top: 32px;
	right: 0;
}
#btns a {
	margin: 0 0 0 3px;
}	

/* slider
***************************************************************/
#slide-wrap {
	width: 890px;
	height: 580px;
	position: relative;
	overflow: hidden ;
	margin: 0 0 30px;
	background:  url(img/bg_item.gif) no-repeat 380px 0;
}
#slideshow {
	width: 606px;
	float: left;
}
#get-show-item {
	position: absolute;
	top: 0;
	right: 0;
}
#thumbs {
	width: 274px;
	height: 580px;
	float: right;
	overflow: hidden;
}
#thumbs-mens {
	width: 274px;
	height: 580px;
	float: right;
	overflow: hidden;
}
#thumbs ul {
}
#thumbs li {
	width: 280px;
	height: 545px;
	overflow: hidden;
	border-top: 1px solid  #000;
	border-left: 1px solid  #000;
	margin: 0 0 -1px 6px;

}
#thumbs li img {
	vertical-align: top;
}
#thumbs li a,
#thumbs li span {
	float: left;
	vertical-align: top;
	position: relative;
	border-bottom: 1px solid  #000;
	border-right: 1px solid  #000;
}
#thumbs li a {
	cursor: pointer;

}
span#prevBtn a {
	width: 137px;
	height: 35px;
	display: block;
	position: absolute;
	top: 545px;
	right: 137px;
	text-indent: -5000px;
	z-index: 1000;
	background: url(img/btn_prev02_off.gif)
}
span#prevBtn a:hover {
	background: url(img/btn_prev02_on.gif)
}
span#nextBtn a{
	width: 137px;
	height: 35px;
	display: block;
	position: absolute;
	top: 545px;
	right: 0px;
	z-index: 1000;
	text-indent: -5000px;
	background: url(img/btn_next02_off.gif);
	display: none;
}			
span#nextBtn a:hover{
	width: 137px;
	height: 35px;
	display: block;
	position: absolute;
	top: 545px;
	right: 0px;
	z-index: 1000;
	background: url(img/btn_next02_on.gif)
}					
#thumbs a, #thumbs a span {
    
	display: block;
	cursor: pointer;
}
#thumbs a span {
	width: 90px;
	height: 135px;
	position: absolute;
	top: 0;
	left: 0;
}


/*
#thumbs a.activeSlide span {
	display: none;
}
*/
#nav-brand  li { 
	float: left;
}
#slideshow .brand .col1 {
	width: 370px;
	float: left;
}
#slideshow .brand .col2 {
	width: 206px;
	height: 560px;
	padding: 10px;
	float: right;
}
#slideshow .brand .col2 ul {
	width: 206px;
	margin: 0 0 0 10px;
}
#slideshow .brand .col2 li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(img/dot.gif) repeat-x left bottom;
}
#slideshow .brand .col2 h4 {
	height: 35px;
	margin: 0 0 10px;
	text-indent: -5000px;
}
#tab-pager #prev {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000

}
#tab-pager #next {
	position: absolute;
	bottom: 0;
	left: 185px;
	z-index: 1000
}

#tab-pager-blank01 {
	width: 274px;
	height: 35px;
	position: absolute;
	top: 545px;
	right:0;
	background: url(img/btn_dead02.gif);
}
#tab-pager-blank02 {
	width: 370px;
	height: 37px;
	position: absolute;
	bottom: 0;
	left:0;
	background: url(img/btn_dead01.gif);
}

/* brand nav
***************************************************************/
.brand-nav {
	width: 401px;
	margin: 20px auto;
}
.brand-nav  li {
	float: left;
}
.brand-nav a {
	display: block;
	text-indent: -5000px;
	height: 27px;
	background-image: url(img/brand_nav.gif);
}
.brand-nav span {
	display: block;
	text-indent: -5000px;
	height: 27px;
	background-image: url(img/brand_nav_coming.gif);
}
.brand-nav a:hover {
	background-image: url(img/brand_nav_hover.gif);
}

.brand-nav .bn01 a,
.brand-nav .bn01 span {
	width: 121px;
	background-position: 0 0;
}
.brand-nav .bn02 a,
.brand-nav .bn02 span {
	width: 158px;
	background-position: -121px 0;
}
.brand-nav .bn03 a,
.brand-nav .bn03 span {
	width: 122px;
	background-position: -279px 0;
}

#banner {
	background: url(img/bg_banners.gif) no-repeat;
	padding: 16px 0 20px;
}
/* recommend-items
***************************************************************/
#recommend-items li {
	width: 92px;
	float: left;
	margin: 0 3px 0 0;
	position: relative;
}
#recommend-items .inner {
	padding: 0 0px 0 18px;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
}
#recommend-items .wrap {
	margin: 0 0 15px;
}
#recommend-items li img {
	border:1px solid #e3e3e3;
	margin: 0 0 3px;
	display: block;
}
#recommend-items span.limited {
	display: block;
	width: 38px;
	height: 38px;
	background: url(img/ico_limited.png) no-repeat;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 100;
}

#report div{
    zoom:1;/*for IE 5.5-7*/
}
#report div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


.banner_109 {
	margin: 0 auto;
	width:675px;
}

.banner02_109 {
	margin: 0 auto;
	width:650px;
}