@charset "UTF-8";

/*-------------------------------------------------------------------------------------------
collection movie common 
-------------------------------------------------------------------------------------------*/
/*
#movie_page a,
#movie_page a:link,
#movie_page a:visited {
	color: #619EB2;
}
#movie_page a:hover,
#movie_page a:focus,
#movie_page a:active {
	color: #2370A3;
}
*/
#archives_list ul#list_block li a {
	color: #666666;
}
#archives_list ul#list_block li a:hover,
#archives_list ul#list_block li a:focus,
#archives_list ul#list_block li a:active {
	color: #999999;
}

.collection_archives_list{
width:255px;
background-color:#F0F0F0;
}
.collection_archives_list_line{
background:url(images/right_dot_line.gif) no-repeat;
}

.clearer{
  clear:both;
}

.pb8 {
  padding-bottom: 8px!important;
}

#movieplayer {
  margin-top:-3px;
  margin-left:-3px;
}

.icon_movie {
  position: absolute;
  margin-top:3px;
  margin-left:2px;
}

/*-------------------------------------------------------------------------------------------
collection movie index
-------------------------------------------------------------------------------------------*/
/* PICK UP BRAND
==================================================*/
#pickUpBrand-thumblist {
  list-style: none;
  width: 484px;
  margin: 0 0 20px;
}

#pickUpBrand-thumblist:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
}

#pickUpBrand-thumblist li {
  width: 115px;
  height: 174px;
  float: left;
  margin: 0 6px 10px 0;
  line-height: 0;
}

* html #pickUpBrand-thumblist li {
overflow: hidden;
}

#pickUpBrand-thumblist li.col1 {
clear: left;
margin: 0 0 10px;
}

#pickUpBrand-thumblist li img.heightthumbimage {
width: 115px;
height: 174px;
vertical-align: bottom;
}

#pickUpBrand-thumblist li span.pickUpBrand-thumbmeta {
display: block;
margin: -35px 0 0;
padding:5px 8px 5px;
height: 25px;
background: url("/images/back_meta.png") repeat 0 0;
position: relative;
}

/* only ie 6 and below */
* html #pickUpBrand-thumblist li span.pickUpBrand-thumbmeta {
behavior: expression(IEPNGFIX.fix(this));
height: 25px;
}

#pickUpBrand-thumblist li span.pickUpBrand-thumbmetatext {
letter-spacing: 1px;
font-size: 10px;
font-family: Helvetica, Verdana, sans-serif;
line-height: 1.1em;
color: #fff;
}

#pickUpBrand-thumblist li a,
#pickUpBrand-thumblist li a:visited {
color: #fff;
text-decoration: none;
}

#pickUpBrand-thumblist li a:hover {
color: #ff0;
}

/* BRAND LIST (ALL BRAND)
==================================================*/

.brand_list_calumn{
width:480px;
margin:5px 0px 0px;
padding:0px;
background:url(images/brand_list_bg.gif) repeat-y;
}

.brand_list_left{
margin:0px;
padding:0px;
width:240px;
float:left;
}
.brand_list_right{
margin:0px;
padding:0px;
width:240px;
float:right;
}

.brand_list_inbox_left{
width:190px;
margin:0px;
padding-left:10px;
}

.brand_list_inbox_right{
width:190px;
margin:0px;
padding-left:20px;
}

.brand_list_alphabet{
width:15px;
height:15px;
background-color:#DDDDDD;
text_align:left;
margin:0;
margin:0;
}

.brand_list_alphabet p{
color:#6E6E6E;
font-size:9px;
padding:0 4px;
line-height:200%;
}

.brand_list_text{
margin:5px 0px 2px;
letter-spacing:1px;
font-size:10px;
font-family:Helvetica, Verdana, sans-serif;
color:#619EB2;
line-height:140%;
}

.brand_list_text li{
margin-bottom:10px;
}

.brand_list_text a,
.brand_list_text a:visited{
color:#619EB2;
text-decoration: none;
}

.brand_list_text a:hover{
color:#2370A3;
}

/*-------------------------------------------------------------------------------------------
collection movie コレクション別ページ
-------------------------------------------------------------------------------------------*/
/* collection title bar
==================================================*/

#collection_title_bar{
width:480px;
height:22px;
margin:0px;
padding:0px;
background-color:#6E6E6E;
}

#collection_title_bar div.collection_title_bar_position{
padding:4px 10px;
}

#collection_title_bar h3{
letter-spacing:1px;
font-size:11px;
font-family:Helvetica, Verdana, sans-serif;
color: #fff;
}

/* PHOTO LIST
==================================================*/
#collection_photolist{
  list-style: none;
  width:490px;
  margin:0 0 20px 5px;
  background:url(images/photolist_bg.gif) repeat 0 0;
}

#collection_photolist:after {
  content: "";
  display: block;
  height: 0px;
  clear: both;
}

#collection_photolist li {
  width:78px;
  height:188px;
  float:left;
  margin:0 20px 0 0;
  line-height: 0;
}

* html #collection_photolist li {
overflow: hidden;
}

#collection_photolist li.col1 {
clear: left;
margin: 0 0 71px;
}

#collection_photolist li img.photoimagefilter {
width: 78px;
height: 117px;
vertical-align: bottom;
}

#collection_photolist li span.collection_photolistmeta {
display: block;
width: 78px;
height: 51px;
margin:0;
padding:4px 0 0;
position: relative;
}

/* only ie 6 and below */
* html #collection_photolist li span.collection_photolistmeta {
behavior: expression(IEPNGFIX.fix(this));
height: 71px;
}

#collection_photolist li span.collection_photolisttext {
font-size:10px;
font-family:Helvetica, Verdana, sans-serif;
line-height:120%;
color: #619EB2;
}

#collection_photolist li a,
#collection_photolist li a:visited {
color: #619EB2;
text-decoration: none;
}

#collection_photolist li a:hover {
color: #2370A3;
}

/*-------------------------------------------------------------------------------------------
collection movie ブランド別ページ
-------------------------------------------------------------------------------------------*/
/* ENTRY BRAND TITLE
==================================================*/
#entry_brand_bar {
width:480px;
height:69px;
margin:0px;
padding:18px 0px 0px 10px;
background:url(/images/entry_title_bg.gif) no-repeat 0 0;
}

#entry_brand_bar h3.j-title {
margin:0px;
padding:0px;
font-size:9px;
color:#5F5F5F;
line-height:110%;
}

#entry_brand_bar h3.e-title {
  font-weight: bold;
  font-size:16px;
  margin: 5px 0px;
  padding-bottom:23px;
  line-height:120%;
}

#entry_brand_bar h3.collection_vol{
margin:0px;
padding:0px;
font-size:10px;
color:#5F5F5F;
line-height:110%;
}

/* INFORMETION
==================================================*/
#collection_information_calumn{
width:480px;
margin:0px;
padding:0 0 30px;
}

#collection_information_calumn div.calumn_left{
float:left;
width:95px;
}

#collection_information_calumn div.calumn_right{
width:385px;
float:right;
}

#collection_information_calumn div.calumn_right div{
padding:0 10px 10px 0;
}

#collection_information_calumn span.brandlink a,
#collection_information_calumn span.brandlink a:visited{
color:#619EB2;
text-decoration: none;
}
#collection_information_calumn span.brandlink a:hover{
color:#2370A3;
}

.collection_credit {
margin-bottom: 20px;
}

/* DETAIL PHOTO LIST
==================================================*/
#collection_detailphoto{
  list-style: none;
  width:484px;
  margin:0 0 30px 0;
}

#collection_detailphoto:after {
content: "";
display: block;
height: 0px;
clear: both;
}

#collection_detailphoto a {
	color: #619EB2;
}

#collection_detailphoto a:hover,
#collection_detailphoto a:focus,
#collection_detailphoto a:active {
	color: #2370A3;
}

#collection_detailphoto li {
  width: 64px;
  height: 94px;
  float: left;
  margin: 0 4px 5px 1px;
  line-height: 0;
}

* html #collection_detailphoto li {
overflow: hidden;
}

#collection_detailphoto li.col1 {
clear: left;
margin: 0 0 5px;
}

#collection_detailphoto li img.photoimagefilter {
width: 64px;
height: 94px;
vertical-align: bottom;
}


/*-------------------------------------------------------------------------------------------
collection movie POP UP Viewer
-------------------------------------------------------------------------------------------*/

#collection_viewer{
background-color:#262626;
text-align:center;
color:#CCCCCC;
line-height: 100%;
padding:0px;
margin:0px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

#collection_viewer .container{
width:663px;
margin:0px auto;
padding:0px;
}

#collection_viewer .header_left_calumn{
float:left;
padding-left:10px;
text-align:left;
}

#collection_viewer .header_right_calumn{
float:right;
padding:0px;
}

#collection_viewer .main_calumn{
  width:668px;
  height:580px;
  padding:0px;
  margin:0px;
}

#collection_viewer .main_calumn_left{
  width:166px;
  height:580px;
  padding:0px;
  margin:0px;
  float:left;
}

#collection_viewer .main_calumn_center{
  width:330px;
  height:580px;
  padding:0px;
  margin:0 166px;
}

#collection_viewer .main_calumn_right{
  width:166px;
  height:580px;
  padding:0px;
  margin:0px;
  float:right;
}

#collection_viewer .nextback_box{
  width:64px;
  height:150px;
  padding:0px;
  margin:225px auto 0px auto;
}
#collection_viewer .nextback_thumb{
width:64px;
height:94px;
padding:0px;
background-color:#CCCCCC;
margin-bottom:10px;
}
#collection_viewer .nextback_thumb img.photoimagefilter {
width: 64px;
height: 94px;
vertical-align: bottom;
}
#collection_viewer .center_photo{
padding:40px 0 0;
margin:0px;
}

#collection_viewer .footer_calumn {
  width:663px;
  padding:0px;
  margin-bottom:40px;
}

#collection_viewer .footer_calumn_left{
float:left;
padding:0px;
}

#collection_viewer .footer_calumn_right{
float:right;
padding:0px;
}

#collection_viewer .dot_line{
width:663px;
background:url(/images/popup/popup_dot_line.gif) repeat-x 0 0;
}

#collection_viewer .solid_line{
width:663px;
height:18px;
border-top: solid 1px #999999;
}

#collection_viewer .page_number{
text-align:right;
font-size:9px;
padding:5px 5px 0;
letter-spacing:2px;
}

#collection_viewer h3{
padding:0px;
line-height:0px;
font-weight:normal;
}

#collection_viewer h3.collection_vol{
font-size:9px;
font-weight:bold;
padding:5px 0 20px;
letter-spacing:1px;
}

#collection_viewer h3.j-title{
font-size:9px;
padding:0 0 4px;
letter-spacing:1px;
}

#collection_viewer h3.e-title{
  font-size:16px;
  padding:0 0 5px;
  font-weight:bold;
}